android-Providing Ancestral and Temporal Navigation,Putting it All Together: Wireframing the Example
来源:互联网 发布:photoshop mac版破解 编辑:程序博客网 时间:2024/05/17 23:03
Now that users can navigate deep into the application's screen hierarchy, we need to provide a method for navigating up the hierarchy, to parent and ancestor screens. Additionally, we should ensure that temporal navigation via the Back button is respected to respect Android conventions.
Before Android 3.0, the most common form of ancestral navigation was the Home metaphor. This was generally implemented as a Home item accessible via the device's Menu button, or a Home button at the top-left of the screen, usually as a component of the Action Bar (pattern docs at Android Design). Upon selecting Home, the user would be taken to the screen at the top of the screen hierarchy, generally known as the application's home screen.
Android 3.0 introduced the Up metaphor, which is presented in the Action Bar as a substitute for the Homebutton described above. Upon tapping Up, the user should be taken to the parent screen in the hierarchy. This navigation step is usually the previous screen (as described with the Back button discussion above), but this is not universally the case. Thus, developers must ensure that Up for each screen navigates to a single, predetermined parent screen.
Implementation Note: As a best practice, when implementing either Home or Up, make sure to clear the back stack of any descendent screens. For Home, the only remaining screen on the back stack should be the home screen. For Up navigation, the current screen should be removed from the back stack, unless Backnavigates across screen hierarchies. You can use the FLAG_ACTIVITY_CLEAR_TOP
andFLAG_ACTIVITY_NEW_TASK
intent flags together to achieve this.
> Putting it All Together: Wireframing the Example APP
Now that we have a solid understanding of navigation patterns and screen grouping techniques, it's time to apply them to our screens.
Wireframing is the step in the design process where you begin to lay out your screens. Get creative and begin imagining how to arrange UI elements to allow users to navigate your app. Keep in mind that at this point, pixel-perfect precision (creating high-fidelity mockups) is not important.
>After you're satisfied with initial sketches, it's a good idea to move on to digital wireframing using software such as Adobe® Illustrator, Adobe® Fireworks, OmniGraffle, or any other vector illustration tools. When choosing which tool to use, consider the following features:
- Are interactive wireframes possible? Tools such as Adobe® Fireworks offer this functionality.
- Is there screen 'master' functionality, allowing re-use of visual elements across different screens? For example, Action Bars should be visible on almost every screen in your application.
- What's the learning curve? Professional vector illustration tools may have a steep learning curve, while tools designed for wireframing may offer a smaller set of features that are more relevant to the task.
>Lastly, it may be time to begin implementing your designs and writing the code for the application using the Android SDK. To get started, take a look at the following resources:
- Developer's Guide: User Interface: learn how to implement your user interface designs using the Android SDK.
- Action Bar: implement tabs, up navigation, on-screen actions, etc.
- Fragments: implement re-usable, multi-pane layouts
- Support Library: implement horizontal paging (swipe views) using
ViewPager
- android-Providing Ancestral and Temporal Navigation,Putting it All Together: Wireframing the Example
- Putting it All Together: Wireframing the Example App 把APP例子用线框图圈起来
- Providing Ancestral and Temporal Navigation 设计高效的应用导航
- Putting It All Together
- Putting it Together: Understanding Pointers
- Programming ASP.NET MVC-Fundamentals of ASP.NET MVC(八)Putting It All Together
- Kibana User Guide [4.2] » Getting Started with Kibana » Putting it all Together with Dashboards
- Bringing It All Together
- android-Providing Up Navigation,Providing Proper Back Navigation
- android-Planning for Multiple Touchscreen Sizes,Providing Descendant and Lateral Navigation
- Providing Descendant and Lateral Navigation 提供下一代和横向导航
- All the example files
- Android navigation bar and the status bar
- CS231n Putting it together: Minimal Neural Network Case Study —— softmax
- CS231n Putting it together: Minimal Neural Network Case Study —— nn with softmax loss
- Android Providing Up Navigation 提供向上的导航
- Android Providing Up Navigation 提供向上的导航
- Implementing Ancestral Navigation 实现原始导航
- 操作系统常见面试题总结
- 实现对象的复用——享元模式(三):围棋棋子的解决方案
- PCA主成分分析
- python新手必碰到的问题---encode与decode,中文乱码
- jdk1.4版本没有 java.lang.UUID
- android-Providing Ancestral and Temporal Navigation,Putting it All Together: Wireframing the Example
- TestNg测试报告美化
- 微信公众平台开发入门教程2
- activity 中的 onSaveInstanceState方法的调用时机
- Android连续点两下Back退出程序
- An internal error occurred during: "Launching java.lang.NullPointerException
- [转]Nmap速查手册
- linux shell 字符串操作详解 (长度,读取,替换,截取,连接,对比,删除,位置 )
- [leetcode] - 326. Power of Three