添加應用欄和工具欄 (HTML)

03/04/2016

本文內容

[ 本文適用于編寫 Windows 運行時應用的 Windows 8.x 和 Windows Phone 8.x 開發人員。如果你要針對 Windows 10 進行開發，請參閱 最新文檔 ]

使用應用欄顯示與用戶上下文(通常是當前頁面或當前選定的內容)相關的命令。 應用欄表示在用戶點擊應用欄上的省略號后轉為打開狀態的命令圖面，可顯示圖標按鈕和菜單項(如果已啟用)的標簽。 AppBarCommand 既可以是“主要”命令，也可以是“輔助”命令。主要命令作為按鈕命令在應用欄操作區域中可見，而在溢出區域中，輔助命令作為菜單命令始終處于隱藏狀態。 應用欄限制為在應用程序屏幕的頂部或底部，并始終覆蓋畫布。

工具欄是應用欄的一種特殊形式，并且是一個用于解決命令擴展問題的簡單控件。此控件具有一個操作區域，其中的命令可以立即使用；還具有一個溢出區域，其中的命令處于隱藏狀態，但可以根據最終用戶發出的請求進行顯示。該控件通過在空間受限時，允許命令以動態方式從主要區域移動到輔助區域，從而支持自適應行為。 工具欄不限于某個應用中的單個位置，而可以位于如應用欄、浮出控件等多個位置中以及畫布上。

可以在嘗試 WinJS 網站上嘗試使用應用欄、工具欄和其他關鍵的 Windows JavaScript 庫 (WinJS) 功能。

需要記住的重要一點是，應用欄和工具欄僅在以下某些方面不同：

應用欄是光解除該操作的疊加項，這表示它將始終覆蓋屏幕的某些部分。

像所有光解除該操作的疊加項一樣，應用欄必須始終是

元素的直接子項。

關閉時，工具欄不是疊加項，這意味著它必須像任何其他組件一樣具有自己的布局空間。

打開時，工具欄因其以垂直方式展開，將像疊加項一樣覆蓋臨近內容。

本部分內容

主題

描述

ToolBar 是一個簡單的控件，用于解決命令擴展問題。它具有一個 action area，其中的命令可以立即使用；還具有一個 overflow area，其中的命令處于隱藏狀態，但可以根據最終用戶發出的請求進行顯示。該控件通過在空間受限時，允許命令以動態方式從主要區域移動到輔助區域，從而支持自適應行為。 ToolBar 不限于某個應用中的單個位置，而可以位于如 Splitview、Flyout 等多個位置中以及 canvas 上。

本文章介紹如何向使用 JavaScript 的 Windows 運行時應用添加應用欄。

可將帶有自定義內容的應用欄添加到使用 JavaScript 的 Windows 應用商店應用。

此操作指南解釋如何在遵循應用欄最佳實踐的同時，通過 ListView 與應用欄之間的交互支持以下這些方案。

提供了有關如何設置應用欄或工具欄及其控件的樣式示例。

總結

以上是生活随笔為你收集整理的html开发文档工具栏,添加应用栏和工具栏 (HTML)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。