快速構建Windows 8風格應用9-豎直視圖

標籤：blog   http   os   使用   ar   strong   資料   sp   on   

原文:快速構建Windows 8風格應用9-豎直視圖

本篇博文主要介紹豎直視圖概覽、關於豎直視圖設計、如何構建豎直視圖

豎直視圖概覽

Windows 8為了支援旋轉的裝置提供了豎屏視圖，我們開發的應用在豎屏視圖中應該能夠保持和水平時一樣的良好UI，必要的時候應該為應用量身定製相應頁面的豎屏視圖、同時我們也可以像WindowsPhone那樣優先設定應用為橫屏視圖或豎屏視圖。

 

關於豎直視圖設計

為了使應用在豎直視圖UI呈現更加最佳化，可以從以下幾個方面去考慮：

1）  減少控制項間的邊距；

2）  如果有需要，重新布局排列內容，因此就可能需要考慮改變項目模版；

3）  資料瀏覽方向上，可以保持頁面的水平滾動；

 

如何構建豎直視圖

若我們應有中頁面使用的是GridView控制項來呈現資料，那麼我們該高興了！因為GridView控制項在豎直視圖或水平視圖進行切換時，可以將資料呈現UI保持的非常好，也就是說使用GridView呈現資料時基本不需要考慮調整資料在豎直視圖中呈現出來的樣式。

若我們使用其他控制項來呈現資料，當切換到豎直視圖時，可能需要考慮構建一個新的模版，最後在名稱為FullScreenPortrait的VisualState節點中聲明相應豎直視圖切換動畫，例如以下代碼：

快速構建Windows 8風格應用9-豎直視圖