zoukankan      html  css  js  c++  java
  • 快速构建Windows 8风格应用9竖直视图

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

    竖直视图概览

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

    关于竖直视图设计

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

    1)  减少控件间的边距;

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

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

    如何构建竖直视图

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

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

  • 相关阅读:
    ES6常用新特性
    jquery基础总结 -- 转载
    正则验证
    prop attr 到底哪里不一样?
    分页导航 获取当前页码 的 分页导航哦
    使用Bootatrap的心得
    使用padding来合理布局自己的容器类
    使用angular-ui-router替代ng-router
    使用jitpack来获取github上的开源项目
    关于移动端的UI事件分类
  • 原文地址:https://www.cnblogs.com/wzk89/p/2699767.html
Copyright © 2011-2022 走看看