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

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

如何切换出贴靠视图

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

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

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

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

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

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

关于贴靠视图的设计

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

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

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

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

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

 

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

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

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

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

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

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

如何实现贴靠视图

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

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

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

最新文章

  1. Android之常见问题集锦Ⅰ
  2. [LeetCode] Best Time to Buy and Sell Stock with Cooldown 买股票的最佳时间含冷冻期
  3. Maya Plugin 编译Maya插件
  4. maven更新远程仓库速度太慢解决方法
  5. android在代码中四种设置控件(以及TextView的文字颜色)背景颜色的方法
  6. python 中类方法@classmethod
  7. js用ajax和jison在不同页面的php和html之间互相传值的方法
  8. crontab无法调用java的问题解决
  9. 魔方公式xyz
  10. 高通secury boot过程
  11. win7 64位安装redis 及Redis Desktop Manager使用(转载的)
  12. 非PE病毒介绍
  13. SSE图像算法优化系列十八:三次卷积插值的进一步SSE优化。
  14. POJ 2456 3258 3273 3104 3045(二分搜索-最大化最小值)
  15. Spark操作:Aggregate和AggregateByKey
  16. 【Oracle】【3】字段自增长(+1)
  17. winform 之公共控件
  18. U-Mail:如何实现EDM的个性化和定制化?
  19. iPhone上将短信内容发送到指定邮箱的方法
  20. FrameLayout框架布局的的动态配置

热门文章

  1. Cordova WP8 插件开发
  2. 深入浅出jsonp(转)
  3. js 性能优化整理之 缓存变量
  4. Java里泛型有什么作用
  5. (大数据工程师学习路径)第一步 Linux 基础入门----命令执行顺序控制与管道
  6. thinkphp学习笔记4—眼花缭乱的配置
  7. Cocos2d-x3.0 RenderTexture(一) 保存
  8. python 时间处理
  9. Java生成CSV文件
  10. shell编程控制结构:expr、let、for、while、until、shift、if、case、break、continue、功能、select