本篇博文主要介紹Windows 8風格應用中包含哪些視圖、Visual Studio 2012和模拟器中如何開發和調試不同的頁面視圖、頁面視圖切換基本原理。
Windows 8風格應用中包含哪些視圖
常用的幾種視圖包括:
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIn5GcuAjNiZTMkljM2QmY1UDN1QjY2E2N4Q2YzI2MiFTNhZjZfdWbp9CXt92Yu4GZjlGbh5SZslmZxl3Lc9CX6MHc0RHaiojIsJye.png)
1.FullScreenLandscape(水準方向全屏視圖)
2.Filled(填充視圖)
3.Snap view(貼靠視圖)
4.FullScreenPortrait(豎直方向全屏視圖)
最小視圖狀态分辨率支援1024*768,全屏視圖狀态分辨率為1366*768以上。
注意:實作貼靠視圖的最小分辨率為1366*768。
Visual Studio 2012和模拟器中如何開發和調試不同的頁面視圖
若我們擁有支援旋轉的裝置,例如平闆電腦,可以将應用部署在平闆電腦上進行視圖切換的測試。
我們可以在VS中通過Device頁籤設定設計器的視圖,Device頁籤中可以設定設計器的不同視圖、設定Viusal State、Display(顯示分辨率)、Theme等功能。
優點:友善開發人員在設計器中根據不同的視圖設計控件的布局。
同時當應用在模拟器中進行測試時,可以通過模拟器進行測試不同的視圖對應用的影響。
頁面視圖切換基本原理
首先監控視圖狀态更改的代碼是隐藏在頁面當中的,其中LayoutAwarePage類中注冊了目前視圖視窗的SizeChanged的事件,并且使用VisualStateManager的VisualState中聲明的動畫實作視圖間的切換。頁面VisualStateManager中預設代碼如下: