win10之家 > 微软详解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是可适应各种宽度的导航控件。

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

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

玩转Win10,尽在站长搜索Win10特别专题>>