自适应显示指显示的内容能响应用户行为的变化,如手机翻到一侧,或者窗口改变大小。当用户翻转手机时,应用程序应能够优雅地从纵向模式切换到横向模式,应用程序在所有设备上都能很好地工作。
创建新的Windows通用应用程序项目时,首先会注意到,在设计器中显示的页面看起来很小。这是因为这个项目默认使用为13.5英寸Surface Book显示屏优化过的视图。可以使用Device Preview面板改变这个设置。还可使用这个面板将纵向布局改为横向。
行为良好的应用程序能在Device Preview面板列出的许多(但不是所有)窗体元素中显示出来。考虑到这个列表的范围是从一个4英寸的物联网(Internet of Things, IoT)设备到一个84英寸的Surface Hub,这是一个艰巨的任务。幸好,Visual Studio和通用Windows平台框架会提供帮助。从下拉框中改变分辨率(或屏幕大小)时,Visual Studio将调整应用程序的大小,用户马上就能看到页面是什么样子。此外,辅助应用程序创建自适应设计的控件都包含在工具箱中,可以利用它们轻松创建易于变换的UI。
1.相对面板
使用Grid和StackPanel控件创建一个UI,它能提供很好的静态显示效果。但在这个世界上,必须面对很多显示屏尺寸,所以必须有某种东西可以更好地移动控件。这就是RelativePand控件。
2.自适应触发器
自适应触发器是Visual State Manager的新增功能。使用这些触发器可以基于显示屏的大小更改应用程序的布局。与相对面板一起使用时,这是一个非常强大的功能,可以用相当简单的方式构建网络世界所谓的响应性UI,Microsoft称之为自适应显示。
3.FlipView
Hip View是个不错的小控件,非常适合于手持设备。它允许用户向左或向右滑动屏幕,来显示一些内容。它通常用于一次显示一张图像,允许用户使用滑动手势在图像之间移动。
默认情况下,FHpView允许用户向左或向右移动视图中的内容,但也可以改为向上或向下移动。使用鼠标时,滚动按钮也有效。
已有 22658 名学员学习以下课程通过考试
最需教育客户端 软件问题一手掌握
去 App Store 免费下载 iOS 客户端
点击加载更多评论>>