Win10 UWP的开发专题进行
微软为期十周的Win10开发专题已进行到第四周,本周开始微软将讲解UWP应用在不同设备中的响应式布局设计。借助Win10 UWP通用应用平台,开发者开发的应用可以运行在各种类型的设备中,本周微软主要讲解UWP应用界面的响应式布局原理。
在Win8/Win8.1中应用只能以全屏方式运行,在windows10中微软允许Modern应用以窗口化方式运行,用户可自由调整窗口大小,并且在改变窗口尺寸的同时也要求窗口中的内容随之调整,开发者需要为此做一些工作,这便是响应式布局设计。
Modern应用通过XAML可扩展标记语言(类似HTML)来描述应用页面,Win10中改进的XAML和控件为响应式布局做了进一步优化。
在本期博文中,微软详解了VisualStateManager、RelativePanel以及SplitView三种XAML元素/类。其中VisualStateManager为视觉状态管理器,Win10中的VisualStateManager类增加了StateTriggers和Setters API,可根据窗口尺寸和设备方向对视觉做出调整;RelativePanel是可根据元素之间相对位置进行自适应布局的容器;SplitView是可适应各种宽度的导航控件。
除此之外,微软还介绍了检测设备显示模式(平板模式或桌面模式)的方法,开发者可根据显示模式对应用界面做出优化调整。