06. Layout

Submitted by mei on 日, 2013-02-03 23:29

Windows Store App Layout的準則

即“content before chrome”

代表設計的時候最重視內容的顯示

傳統的桌面或網頁設計強調分類而犧牲了內容的顯示

可以看出來這個程式設計有更多的部分在展示各物件的內容的方面

 

雖然沒有強制規定，但是Windows應用程序設計的LAYOUT：
•讓內容照順序放在邊框內。
•盡量符合人體看東西的習慣：一般用橫向平移來設計（主要的東西水平
橫向檢視，縱向檢視次要的東西）。
•平移要穩定，而且也要支持ListView
•創建視覺對齊的效果，每個結構和Windows 8的剪影都要清晰、對準

Layout簡介

 
Layout 管理器是ViewGroup 的擴展，被設計用來控制子控件在屏幕上的位置。
 
Layouts 能相互嵌套，通過Layout 管理器的結合，使妳可以創建任意複雜的界面。
 
Content Layout Containers
  • Group Container

           Provides a header for content.

           提供標頭內容

  • Expand Container

           Expands and collapses content via an expand button.

           可延展按鈕之選取

Item Layout Containers

  •  Tabbed Container

            Allows you to select a single page at a time.

            可使用page分頁，供選擇

  • Pivot Container

           Provides cyclical page navigation (supports content sliding using touch).    

Layout Items

  • Layout Items include the following productivity features:
  • Header for content.  
  • Adaptive padding/spacing for items and groups allowing you to build Windows 8 applications consistent with Microsoft’s UI guidelines.
  • Pixel-perfect layout of an individual control.
  • Visual highlighting of focused items.
  • Accenting of required editors.
  • Headers can be positioned at the left or above the editor.
  • Keyboard focus can be automatically propagated to the editor when item is tapped.

 Layout Groups

  • Layout Groups include the following productivity features:
           Vertical and horizontal orientation of items.

           垂直和水平方向的資料。

  • Automatic alignment of item headers.

           項目標題的自動對齊。

  • Auto-sizing and proportional stretching of items.

           自動調整大小和比例拉伸的項目。

  • Expansion and collapse.
           延展和折疊