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

简介:

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

如何切换出贴靠视图
第一步:水平方向全屏视图
第二步:通过边缘轻扫手势,向设备左端或右端进行贴靠
第三步:实现贴靠视图的效果
我们知道如何通过手势的操作切换出一个应用的贴靠视图了。
关于开发贴靠视图,对于我们开发者需要注意哪些呢?如下几点:
1.所有的应用程序都是支持贴靠视图的。
2.根据应用的业务需求,最好为贴靠视图量身定做页面效果(也就是说需要定制贴靠视图模版)
3.最好保持贴靠视图页面的内容和状态与全屏视图的一致性。
4.保持贴靠视图页面设计风格和其他视图的一致性。
5.保证在贴靠视图中所有用户的操作是有交互的,有响应的(就是说贴靠视图中不能出现假页面或者用户点击贴靠视图某一数据项时没有任何用户响应)。
 
关于贴靠视图的设计
关于设计贴靠视图,对于我们开发者需要注意哪些呢?如下几点:
1) 水平方向保持320px的宽度。
2) 根据用户习惯应该设计为单列布局,上下滚动浏览信息。
3) 应用在贴靠视图中应该可以完成一套完整的交互流程操作。
4) 由于空间和可操作性的问题,贴靠视图中的交互操作功能可以部分删减,因此就没有完整视图中那么全面。
 
关于贴靠视图的应用程序栏
我们在开发贴靠视图的应用程序栏时,需要注意几点:
1) 贴靠视图的应用程序栏中按钮没有文字标识,并且单列中最多只能有5个按钮。
2) 如果多于5个按钮,按钮就会变成两行排列显示。
3) 从用户体验考虑,贴靠视图中应该合理地考虑设计按钮个数。
4) 从用户体验考虑,贴靠视图中应该合理地将命令分组。
 
如何实现贴靠视图
第一步:定义一个用于显示贴靠视图的ListView或GridView等控件。
第二步:在Name为Snapped的VisualState中控制切换到贴靠视图时的操作。
综上所述,我们在应用中实现贴靠视图的步骤没有那么繁琐,如何设计好应用程序中的贴靠视图就需要思考怎么去设计贴靠视图中控件的布局了。






 本文转自 王祖康 51CTO博客,原文链接:http://blog.51cto.com/wzk89/998726 ,如需转载请自行联系原作者
相关文章
|
29天前
|
Windows
构建布局良好的Windows程序
构建布局良好的Windows程序
11 0
|
5月前
|
应用服务中间件 nginx Windows
windows下DOS命令杀掉Nginx应用进程
windows下DOS命令杀掉Nginx应用进程
|
3月前
|
API Python Windows
python3应用windows api对后台程序窗口及桌面截图并保存的方法
python3应用windows api对后台程序窗口及桌面截图并保存的方法
89 1
|
1月前
|
数据可视化 数据库 C++
Qt 5.14.2揭秘高效开发:如何用VS2022快速部署Qt 5.14.2,打造无与伦比的Windows应用
Qt 5.14.2揭秘高效开发:如何用VS2022快速部署Qt 5.14.2,打造无与伦比的Windows应用
|
2月前
|
安全 Linux iOS开发
上传 iOS 应用变得更加容易 - 在 Windows 上架 iOS APP 的工具介绍
上传 iOS 应用变得更加容易 - 在 Windows 上架 iOS APP 的工具介绍
|
3月前
|
存储 Kubernetes 安全
虚拟机测试Windows Server 2016原地升级2019,应用和数据完美保留
Windows Server 2016可以无缝升级到2019版本,确保应用程序和数据在原地升级过程中完整保留。
102 0
|
3月前
|
Linux iOS开发 Windows
windows 如何上架 ios 应用到 app store
windows 如何上架 ios 应用到 app store
|
3月前
|
消息中间件 Java Kafka
windows下kafka的环境配置及rdkafka库的应用
windows下kafka的环境配置及rdkafka库的应用
|
4月前
|
C# Windows
C#安装“Windows 窗体应用(.NET Framework)”
C#安装“Windows 窗体应用(.NET Framework)”
50 0
|
5月前
|
TensorFlow 算法框架/工具 异构计算
YOLO实践应用之搭建开发环境(Windows系统、Python 3.8、TensorFlow2.3版本)
基于YOLO进行物体检测、对象识别,先和大家分享如何搭建开发环境,会分为CPU版本、GPU版本的两种开发环境,本文会分别详细地介绍搭建环境的过程。主要使用TensorFlow2.3、opencv-python4.4.0、Pillow、matplotlib 等依赖库。
97 0