添加應(yīng)用欄和工具欄 (HTML)

03/04/2016

本文內(nèi)容

[ 本文適用于編寫 Windows 運(yùn)行時(shí)應(yīng)用的 Windows 8.x 和 Windows Phone 8.x 開發(fā)人員。如果你要針對(duì) Windows 10 進(jìn)行開發(fā)，請(qǐng)參閱 最新文檔 ]

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

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

可以在嘗試 WinJS 網(wǎng)站上嘗試使用應(yīng)用欄、工具欄和其他關(guān)鍵的 Windows JavaScript 庫(kù) (WinJS) 功能。

需要記住的重要一點(diǎn)是，應(yīng)用欄和工具欄僅在以下某些方面不同：

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

像所有光解除該操作的疊加項(xiàng)一樣，應(yīng)用欄必須始終是

元素的直接子項(xiàng)。

關(guān)閉時(shí)，工具欄不是疊加項(xiàng)，這意味著它必須像任何其他組件一樣具有自己的布局空間。

打開時(shí)，工具欄因其以垂直方式展開，將像疊加項(xiàng)一樣覆蓋臨近內(nèi)容。

本部分內(nèi)容

主題

描述

ToolBar 是一個(gè)簡(jiǎn)單的控件，用于解決命令擴(kuò)展問題。它具有一個(gè) action area，其中的命令可以立即使用；還具有一個(gè) overflow area，其中的命令處于隱藏狀態(tài)，但可以根據(jù)最終用戶發(fā)出的請(qǐng)求進(jìn)行顯示。該控件通過在空間受限時(shí)，允許命令以動(dòng)態(tài)方式從主要區(qū)域移動(dòng)到輔助區(qū)域，從而支持自適應(yīng)行為。 ToolBar 不限于某個(gè)應(yīng)用中的單個(gè)位置，而可以位于如 Splitview、Flyout 等多個(gè)位置中以及 canvas 上。

本文章介紹如何向使用 JavaScript 的 Windows 運(yùn)行時(shí)應(yīng)用添加應(yīng)用欄。

可將帶有自定義內(nèi)容的應(yīng)用欄添加到使用 JavaScript 的 Windows 應(yīng)用商店應(yīng)用。

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

提供了有關(guān)如何設(shè)置應(yīng)用欄或工具欄及其控件的樣式示例。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。