添加控件和内容 (HTML)

[ 本文适用于编写 Windows 运行时应用的 Windows 8.x 和 Windows Phone 8.x 开发人员。如果你要针对 Windows 10 进行开发,请参阅 最新文档 ]

每个应用都需要控件,例如按钮、 复选框和下拉列表。使用 JavaScript 的 Windows 运行时应用通过免费的 Windows JavaScript 库工具包,为现有的 HTML 控件以及其他控件和功能提供增强的支持。

此部分中的主题介绍如何使用和设置这些控件的样式。

本部分内容

主题 描述

添加 WinJS 控件和样式

描述创建和使用 Windows JavaScript 库控件的基础知识。

样式控件

了解如何设置控件的样式,以及如何利用适用于 JavaScript 的 Windows 库所提供的样式设置功能。

添加项容器

了解如何使用 JavaScript 将一个 ItemContainer 对象添加到你的 Windows 应用商店应用中。

添加 HTML 控件和处理事件

描述如何创建 HTML 控件和处理它们的事件。

如何以声明方式设置事件处理程序

本主题介绍如何(在 HTML 标记中)为 HTML 和适用于 JavaScript 的 Windows 库控件以声明方式设置事件处理程序。

控件列表

提供常见的使用 JavaScript 的 Windows 应用商店应用控件的列表(按字母排序)。

按功能列出控件

按功能列出控件。

添加列表视图、语义式缩放和 FlipView

大多数应用都会操纵和显示数据集,例如图像库或一组电子邮件。适用于 JavaScript 的 Windows 库提供多个便于显示、演示和处理数据的控件。此部分中的主题描述以下数据和演示控件:FlipViewListViewSemanticZoom

显示和编辑文本

描述如何显示和编辑文本。

显示图像、图形和缩略图

包含有关显示图像和缩略图的入门的主题。

显示弹出窗口

包含有关显示弹出窗口、菜单和消息对话框的入门的主题。

添加按钮

使用 button 控件可以提交命令,如提交或重置窗体。按钮提供触发命令的一种简单方式。

应用栏和命令

大多数应用都提供可供用户调用的命令。本部分中的主题描述可用来为用户提供命令的 app barstool barscontext menus

添加选择控件

选择控件可让用户在多个选项之间做出选择。

添加分级

包含多个介绍如何使用适用于 JavaScript 的 Windows 库 Rating 控件让用户提供分级信息的主题。

添加 Page 控件

PageControl 可以导航的 HTML、CSS 和 JavaScript 或者用作控件的自定义 Windows 库。

添加进度控件

介绍如何创建和使用进度控件,一种以图形形式表示正在进行的活动或任务进度的控件。

添加工具提示

工具提示是链接到另一个控件或对象的简短描述。工具提示可帮助用户了解未在 UI 中直接描述的未知或不熟悉的对象。当用户长按或将鼠标指针停在控件上时会自动显示。当用户移动其手指或鼠标指针时,工具提示会消失。 工具提示的内容可以是文本或图像,但不能是交互式内容。

创建自定义控件

尽管 Windows 8 提供了各种可供你选择的控件,你也可能需要创建自己的控件。创建 PageControl 的一种方式是创建自定义控件。有关相关信息和示例,请参阅快速入门:添加 Page 控件

将图形与画布、SVG 和 CSS3 结合使用

本部分包含有关在使用 JavaScript 的 Windows 应用商店应用中使用图形的信息。