控制項的指導方針

Applies to Windows and Windows Phone

本節將所有可用控制項的設計資訊彙總到單一位置,讓使用者易於存取和快速參考。本節將說明不需自訂即能使用的標準控制項,其中也會提供範例來說明每個控制項在實際應用程式中的用法。

附註   本節的所有控制項均包含於適用於 Adobe Photoshop 和 Adobe Illustrator 的範本中。請參閱下載以取得範本。

使用標準控制項可節省建立常見互動的時間。它們能夠在剛啟用時就正確運作。和開發人員合作時,您可以在設計中參考這些控制項,以使用常見語言。如需控制項的開發人員資訊,請參閱控制項清單 (使用 JavaScript 和 HTML 的 Windows 市集應用程式)控制項清單 (使用 C#/VB/C++ 和 XAML 的 Windows 市集應用程式)

標準控制項只有一個起點。某些互動並不需要自訂,但對於其他互動來說,它提供一個機會,讓您能夠使用獨特的 UI 來吸引使用者,或是將品牌元素融入應用程式中。例如,在某些應用程式中,未進行變更的按鈕控制項是適當且快速的解決方案,但在其他應用程式中,自訂的按鈕是應用程式的品牌元素。

在本節中

主題說明

應用程式列

應用程式列在使用者需要命令時提供簡單存取命令的方式。使用者可以撥動螢幕頂端或底部的邊緣讓應用程式列出現,也可以與內容互動讓應用程式列消失。應用程式列也可以用來顯示使用者內容專用的命令或選項,如相片選取或繪圖模式。它們也可以用來在應用程式的頁面或區段之間瀏覽。

返回按鈕

返回按鈕以按鈕形式提供向後瀏覽。

按鈕

按鈕 (也稱為命令按鈕) 為使用者提供觸發立即動作的方式。

核取方塊

遵循這些指導方針,將核取方塊新增到您的應用程式。

操作功能表

操作功能表會顯示一個使用者可在目前內容中使用的命令和選項的簡短清單。

日期選擇器

日期選擇器提供一個標準化的方式,可以讓使用者利用觸控、滑鼠或鍵盤輸入來挑選當地語系化的日期。

下拉式清單

下拉式清單可讓使用者在互斥值清單中選擇。

翻轉檢視控制項

標準翻轉檢視控制項外觀的範例

飛出視窗

飛出視窗是輕量型的快顯視窗,用來暫時顯示與使用者目前正在執行的操作相關的 UI。

Windows 市集應用程式中的 Hub 控制項

Hub 控制項使用階層式瀏覽模式來支援使用關聯式資訊架構的應用程式。

Windows Phone 市集應用程式中的 Hub 控制項

Hub 控制項會顯示可從一邊移動瀏覽到另一邊的一系列區段。它是應用程式的全螢幕容器和瀏覽模型。

標籤

標籤是控制項或一組相關控制項的名稱或標題。它沒有任何功能。

連結

將連結新增至 Windows 市集應用程式的指導方針。

清單方塊 (或選取)

清單方塊 (也稱為選取項目) 通常可讓使用者從項目清單中選擇一個項目,但有時可選擇多個項目。如果清單方塊無法一次顯示所有項目,則可予以捲動。

清單檢視和格線檢視控制項

ListView 控制項新增到使用 JavaScript 的 Windows 市集應用程式的指導方針。

地圖

地圖控制項可顯示地圖和鳥瞰圖、方向、搜尋結果及交通路況。

訊息對話方塊

訊息對話方塊是重疊 UI 元素,提供穩定且與內容相關的表面,它一律強制回應且可以明確關閉。

樞紐分析

Pivot 控制項是全螢幕的容器,也是瀏覽模型,讓您可以迅速在不同的 Pivot (檢視或篩選) 之間移動,而通常是在同一組資料。例如,使用 Pivot 控制項的電子郵件應用程式可以在第一個 Pivot 項目 (或檢視) 列出所有電子郵件,然後在另一個 Pivot 項目中針對相同的清單,篩選成未讀取、已標幟及緊急的電子郵件。

進度控制項

進度控制項為使用者提供回饋,告知正在進行長時間執行的操作。

選項按鈕

選項按鈕可以讓使用者選取兩個或多個選項的其中一個。

評等控制項

評等控制項可以讓使用者按一下表示評等的圖示進行評等。這個控制項可以顯示三種類型的評等:平均評等、暫訂評等以及使用者評等。

搜尋

使用這些指導方針,可協助您提供應用程式內容的搜尋結果。這些指導方針包括在搜尋方塊中提供搜尋建議與預留位置文字,以及設計搜尋結果頁面的說明。

捲軸

移動瀏覽和捲動可讓使用者到達超出畫面界限的內容。

語意式縮放

語意式縮放控制項可以讓使用者在相同資料集的兩個不同語意式檢視間縮放。

滑桿

遵循這些指導方針,將滑桿新增到 Windows 市集應用程式。

時間選擇器

時間選擇器提供一個標準化的方式,可以讓使用者利用觸控、滑鼠或鍵盤輸入來挑選當地語系化的時間。

切換開關

切換開關模仿實體開關,讓使用者能夠開啟或關閉選項。請利用這些指導方針,將切換開關控制項新增到 Windows 市集應用程式。

工具提示

使用工具提示在要求使用者執行動作前顯示控制項的更多資訊。

網頁檢視

網頁檢視控制項會將檢視嵌入您的應用程式中,其外觀與行為都與 Internet Explorer 類似。超連結也可以在網頁檢視控制項中顯示和運作。

 

 

 

顯示:
© 2015 Microsoft