天天看點

快速建構Windows 8風格應用7-頁面視圖概覽

本篇博文主要介紹Windows 8風格應用中包含哪些視圖、Visual Studio 2012和模拟器中如何開發和調試不同的頁面視圖、頁面視圖切換基本原理。

Windows 8風格應用中包含哪些視圖

常用的幾種視圖包括:

快速建構Windows 8風格應用7-頁面視圖概覽

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等功能。 

快速建構Windows 8風格應用7-頁面視圖概覽

優點:友善開發人員在設計器中根據不同的視圖設計控件的布局。

同時當應用在模拟器中進行測試時,可以通過模拟器進行測試不同的視圖對應用的影響。

快速建構Windows 8風格應用7-頁面視圖概覽

頁面視圖切換基本原理

首先監控視圖狀态更改的代碼是隐藏在頁面當中的,其中LayoutAwarePage類中注冊了目前視圖視窗的SizeChanged的事件,并且使用VisualStateManager的VisualState中聲明的動畫實作視圖間的切換。頁面VisualStateManager中預設代碼如下:

快速建構Windows 8風格應用7-頁面視圖概覽