Language: HTML | XAML

新增應用程式列 (XAML)

使用應用程式列呈現瀏覽、命令以及工具。 應用程式列預設是隱藏的,當使用者從螢幕的下邊緣撥動手指或按一下滑鼠右鍵時它就會出現。其中包含了應用程式的內容,當使用者撥動螢幕邊緣或與應用程式互動時就會消失。應用程式列會自動回應使用者在螢幕邊緣撥動手指的動作,而且可以透過程式設計的方式來顯示或隱藏應用程式列。

底部的應用程式列控制項

XAML 架構提供 CommandBarAppBar 控制項,讓您在畫面上邊緣或下邊緣進行邊緣撥動時更容易顯示 UI。

如果您需要只包含 AppBarButtonAppBarToggleButtonAppBarSeparator 控制項的應用程式列,請使用 CommandBarCommandBar 提供以下功能,簡化了基本應用程式列的建立程序:

  • 自動配置命令,其中主要命令會位於右側,次要命令位於左側。
  • 當應用程式大小變更時,自動調整應用程式列命令大小。

如果需要更複雜的內容 (像是影像、進度列或文字區塊),請使用 AppBar 控制項。您可以使用 AppBar 搭配自訂內容,以建立工具列或瀏覽 UI。當您將命令放入 AppBar 控制項時,必須在畫面大小變更時重新調整大小或排列 AppBar 內容。

如需有關設計應用程式列的詳細資訊,請參閱應用程式列的指導方針

如果您想嘗試使用應用程式列及其他主要 Windows 8 功能,則可下載 Windows 8 的實機操作實驗室。這些實驗室提供一個模組化的逐步介紹,以您選擇的程式設計語言 (JavaScript 和 HTML 或 C# 和 XAML) 建立 Windows 市集應用程式範例。

在這個章節中

主題說明

快速入門:新增應用程式列

使用應用程式列來顯示不需要時可以隱藏起來的瀏覽、命令及工具。

快速入門:新增應用程式列按鈕

應用程式列上的命令通常會使用圓形按鈕、圖示及文字標籤這種特殊的樣式顯示。您可以使用 AppBarButtonAppBarToggleButtonAppBarSeparator 控制項更輕鬆的建立應用程式列,並符合適當的設計指導方針和行為。

如何使用不同大小的應用程式列

當使用者將應用程式變窄時,將沒有足夠的水平空間可以顯示命令。如果您的應用程式列有許多按鈕,就必須進行一些調整,讓按鈕能夠在較窄小的寬度中正確顯示。

如何將關聯式命令新增到應用程式列

根據使用者選取或瀏覽,將命令新增到應用程式列。

如何將功能表新增到應用程式列

使用功能表將一組相關的命令新增到應用程式列。

如何跨頁面共用應用程式列

在您的應用程式中跨相關頁面使用同一個應用程式列。

AppBar 樣式與範本

這個主題說明 AppBar 控制項的樣式與範本。

CommandBar 樣式與範本

這個主題說明 CommandBar 控制項的樣式與範本。

AppBarButton 樣式與範本

這個主題說明 AppBarButton 控制項的樣式與範本。

AppBarToggleButton 樣式與範本

這個主題說明 AppBarToggleButton 控制項的樣式與範本。

AppBarSeparator 樣式與範本

這個主題說明 AppBarSeparator 控制項的樣式與範本。

AppBar 按鈕樣式影像

AppBar 按鈕樣式影像包含在 StandardStyles.xaml 中。

 

相關主題

新增控制項和內容
適用於設計者
瀏覽模式
命令模式
配置
中樞
底部應用程式列
頂端應用程式列
返回按鈕
應用程式列的指導方針
Hub 控制項的指導方針
設計無障礙應用程式列
適用於開發人員 (XAML)
您的第一個應用程式 - 第三部分:瀏覽、配置與檢視
您的第一個應用程式 - 在 C++ Windows 市集應用程式新增瀏覽和檢視 (教學課程四之三)
在頁面之間瀏覽
Windows.UI.Xaml.Controls AppBar class
Windows.UI.Xaml.Controls CommandBar class
Windows.UI.Xaml.Controls Hub class
XAML AppBar 控制項範例
XAML 瀏覽範例
XAML Hub 控制項範例

 

 

顯示:
© 2015 Microsoft