新增控制項和內容 (HTML)

[ 本文的目標對象是撰寫 Windows 執行階段 App 的 Windows 8.x 和 Windows Phone 8.x 開發人員。如果您正在開發適用於 Windows 10 的 App,請參閱 最新文件 ]

每個應用程式都需要控制項,例如按鈕、 核取方塊以及下拉式清單。使用 JavaScript 的 Windows 執行階段應用程式透過免費的適用於 JavaScript 的 Windows Library 工具組,強化對現有 HTML 控制項以及其他控制項和功能的支援。

本節中的主題說明如何使用這些控制項和設定其樣式。

在這個章節中

主題 說明

新增 WinJS 控制項與樣式

說明建立和使用 Windows Library for JavaScript 控制項的基本知識。

Style 控制項

了解如何設定控制項的樣式,以及如何使用適用於 JavaScript 的 Windows Library 所提供的設定樣式功能。

新增項目容器

了解如何將 ItemContainer 物件新增到使用 JavaScript 的 Windows 市集應用程式。

新增 HTML 控制項與處理事件

描述如何建立 HTML 控制項及處理其事件。

如何以宣告方式設定事件處理常式

了解如何以宣告方式 (在 HTML 標記中) 設定 HTML 與適用於 JavaScript 之 Windows Library 控制項的事件處理常式。

控制項清單

提供使用 JavaScript 的通用 Windows 市集應用程式的控制項清單 (依字母排序)。

依功能分類的控制項

列出依功能分類的控制項。

新增清單檢視、語意式縮放及 FlipView

大部分應用程式都會操縱和顯示一組資料 (例如影像圖庫) 或一組電子郵件訊息。適用於 JavaScript 的 Windows Library 提供數個控制項,方便用於顯示、呈現和操縱資料。本節中的主題說明這些資料和呈現方式控制項:FlipViewListViewSemanticZoom

顯示和編輯文字

描述如何顯示和編輯文字。

顯示影像、圖形和縮圖

包含讓您開始顯示影像和縮圖的主題。

顯示快顯項目

包含讓您開始顯示飛出視窗、功能表和訊息對話方塊的主題。

新增按鈕

使用 button 控制項認可命令,如提交或重設表單。按鈕提供觸發命令的簡單方法。

新增應用程式列和命令

大部分應用程式都會提供可讓使用者叫用的命令。本節中的主題說明可用來提供命令給使用者的 app barstool barscontext menus

新增選取控制項

選取控制項可讓使用者在多個選項之間選取。

新增評等

包含描述如何使用適用於 JavaScript 的 Windows Library Rating控制項讓使用者提供評等資訊的主題。

新增頁面控制項

PageControl 是 HTML、CSS 及 JavaScript 的模組單位,可供瀏覽或當成自訂的適用於 JavaScript 的 Windows Library 控制項。

新增進度控制項

說明如何建立和使用進度控制項,這種控制項用圖形來表示正在進行的活動或工作的進度。

新增工具提示

工具提示是連結至另一個控制項或物件的簡短描述。工具提示可幫助使用者了解 UI 中未直接描述的不明或不熟悉的物件。當使用者按住控制項或將滑鼠指標暫留在控制項時,它們會自動顯示。工具提示會在使用者移動手指或滑鼠指標時消失。 工具提示的內容可以是文字或影像,但無法互動。

建立自訂控制項

雖然 Windows 8 提供了各種不同的控制項讓您選擇,但您可能仍需要建立自己的控制項。建立自訂控制項的其中一種方法是建立 PageControl。如需相關資訊與範例,請參閱快速入門:新增頁面控制項

使用以畫布、SVG 及 CSS3 繪製的圖形

本節包含在使用 JavaScript 的 Windows 市集應用程式中使用圖形的資訊。