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特別專題>>
新聞熱點
疑難解答