微软详解Win10 UWP通用应用响应式布局设计

IT之家讯微软为期十周的Win10开发专题已进行到第四周，本周开始微软将讲解UWP应用在不同设备中的响应式布局设计。借助Win10 UWP通用应用平台，开发者开发的应用可以运行在各种类型的设备中，本周微软主要讲解UWP应用界面的响应式布局原理。

在Win8/Win8.1中应用只能以全屏方式运行，在Windows10中微软允许Modern应用以窗口化方式运行，用户可自由调整窗口大小，并且在改变窗口尺寸的同时也要求窗口中的内容随之调整，开发者需要为此做一些工作，这便是响应式布局设计。

Modern应用通过XAML可扩展标记语言（类似HTML）来描述应用页面，Win10中改进的XAML和控件为响应式布局做了进一步优化。

在本期博文中，微软详解了VisualStateManager、RelativePanel以及SplitView三种XAML元素/类。其中VisualStateManager为视觉状态管理器，Win10中的VisualStateManager类增加了StateTriggers和SettersAPI，可根据窗口尺寸和设备方向对视觉做出调整；RelativePanel是可根据元素之间相对位置进行自适应布局的容器；SplitView是可适应各种宽度的导航控件。

除此之外，微软还介绍了检测设备显示模式（平板模式或桌面模式）的方法，开发者可根据显示模式对应用界面做出优化调整。

更详细的内容可参考微软官方博客，点此查看。

玩转Win10，尽在IT之家Win10特别专题>>