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

简介: 原文:快速构建Windows 8风格应用9-竖直视图本篇博文主要介绍竖直视图概览、关于竖直视图设计、如何构建竖直视图 竖直视图概览 Windows 8为了支持旋转的设备提供了竖屏视图,我们开发的应用在竖屏视图中应该能够保持和水平时一样的良好UI,必要的时候应该为应用量身定制相应页面的竖屏视图、同时我们也可以像WindowsPhone那样优先设置应用为横屏视图或竖屏视图。
原文: 快速构建Windows 8风格应用9-竖直视图

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

竖直视图概览

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

 

关于竖直视图设计

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

1)  减少控件间的边距;

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

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

 

如何构建竖直视图

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

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

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