原文:快速构建Windows 8风格应用9-竖直视图

本篇博文主要介绍竖直视图概览、关于竖直视图设计、如何构建竖直视图

竖直视图概览

Windows 8为了支持旋转的设备提供了竖屏视图,我们开发的应用在竖屏视图中应该能够保持和水平时一样的良好UI,必要的时候应该为应用量身定制相应页面的竖屏视图、同时我们也可以像WindowsPhone那样优先设置应用为横屏视图或竖屏视图。

关于竖直视图设计

为了使应用在竖直视图UI呈现更加优化,可以从以下几个方面去考虑:

1)  减少控件间的边距;

2)  如果有需要,重新布局排列内容,因此就可能需要考虑改变项目模版;

3)  数据浏览方向上,可以保持页面的水平滚动;

如何构建竖直视图

若我们应有中页面使用的是GridView控件来呈现数据,那么我们该高兴了!因为GridView控件在竖直视图或水平视图进行切换时,可以将数据呈现UI保持的非常好,也就是说使用GridView呈现数据时基本不需要考虑调整数据在竖直视图中呈现出来的样式。

若我们使用其他控件来呈现数据,当切换到竖直视图时,可能需要考虑构建一个新的模版,最后在名称为FullScreenPortrait的VisualState节点中声明相应竖直视图切换动画,例如以下代码:

最新文章

  1. 斐讯k1路由器刷Breed BootLoader(不死UBoot)教程
  2. php查看网页源代码的方法
  3. HDU-3549 最大流模板题
  4. zk回车事件
  5. 编译安装GCC 4.7.2
  6. CoreData的简单使用(一)数据库的创建
  7. c语言编译预处理和条件编译执行过程的理解
  8. SQL Server 恢复过程
  9. IOS SDK相机的详细解释/画廊(默认+他们的高清摄像头接口)
  10. Firebug及YSlow简介与使用图文详解
  11. vue中数据双向绑定注意点
  12. Apache 403 错误解决方法-让别人可以访问你的服务器
  13. Spark Scheduler模块源码分析之DAGScheduler
  14. Mongodb副本集--Out of memory: Kill process 37325 (mongod)
  15. Day7 Numerical simulation of optical wave propagation之通过随机介质(如大气湍流)的传播(三)
  16. Flask WTForms的使用和源码分析 —— (7)
  17. python 写代码笔记 2017.6.15
  18. F - Change FZU - 2277 (DFS序+线段树)
  19. gvim最简化设置,去掉工具栏和菜单栏
  20. Linux-(type,vim)

热门文章

  1. WebStorm的compass配置
  2. C# 字符串知识整理
  3. Android日志收集功能设计和实施报告(总)
  4. [Tool]利用Advanced Installer建立x86/x64在一起的安装程式
  5. js关于propotype的一些事-------Day62
  6. 数据库文档生成工具——word2chm,SqlSpec
  7. 开源 自由 java CMS - FreeCMS2.0 签字
  8. springmvc集成Ueditor插件实现图片上传2、
  9. 【译】使用requestIdleCallback
  10. MVC4的过滤器