快速构建Windows 8风格应用8-贴靠视图

原文:快速构建Windows 8风格应用8-贴靠视图

本篇博文主要介绍如何切换出贴靠视图、关于贴靠视图的设计、关于贴靠视图的应用程序栏和如何实现贴靠视图。

如何切换出贴靠视图

第一步:水平方向全屏视图

快速构建Windows 8风格应用8-贴靠视图

第二步:通过边缘轻扫手势,向设备左端或右端进行贴靠

快速构建Windows 8风格应用8-贴靠视图

第三步:实现贴靠视图的效果

快速构建Windows 8风格应用8-贴靠视图

我们知道如何通过手势的操作切换出一个应用的贴靠视图了。

关于开发贴靠视图,对于我们开发者需要注意哪些呢?如下几点:

  1. 所有的应用程序都是支持贴靠视图的。
  2. 根据应用的业务需求,最好为贴靠视图量身定做页面效果(也就是说需要定制贴靠视图模版)
  3. 最好保持贴靠视图页面的内容和状态与全屏视图的一致性。
  4. 保持贴靠视图页面设计风格和其他视图的一致性。
  5. 保证在贴靠视图中所有用户的操作是有交互的,有响应的(就是说贴靠视图中不能出现假页面或者用户点击贴靠视图某一数据项时没有任何用户响应)。

关于贴靠视图的设计

关于设计贴靠视图,对于我们开发者需要注意哪些呢?如下几点:

1)  水平方向保持320px的宽度。

2)  根据用户习惯应该设计为单列布局,上下滚动浏览信息。

3)  应用在贴靠视图中应该可以完成一套完整的交互流程操作。

4)  由于空间和可操作性的问题,贴靠视图中的交互操作功能可以部分删减,因此就没有完整视图中那么全面。

快速构建Windows 8风格应用8-贴靠视图

 

关于贴靠视图的应用程序栏

我们在开发贴靠视图的应用程序栏时,需要注意几点:

1)  贴靠视图的应用程序栏中按钮没有文字标识,并且单列中最多只能有5个按钮。

2)  如果多于5个按钮,按钮就会变成两行排列显示。

3)  从用户体验考虑,贴靠视图中应该合理地考虑设计按钮个数。

4)  从用户体验考虑,贴靠视图中应该合理地将命令分组。

快速构建Windows 8风格应用8-贴靠视图

如何实现贴靠视图

第一步:定义一个用于显示贴靠视图的ListView或GridView等控件。

快速构建Windows 8风格应用8-贴靠视图

第二步:在Name为Snapped的VisualState中控制切换到贴靠视图时的操作。

快速构建Windows 8风格应用8-贴靠视图

综上所述,我们在应用中实现贴靠视图的步骤没有那么繁琐,如何设计好应用程序中的贴靠视图就需要思考怎么去设计贴靠视图中控件的布局了。

上一篇:Vue项目构建开发笔记(vue-lic3.0构建的)


下一篇:STL algorithm算法merge(34)