UWP学习记录10-设计和UI之控件和模式7

时间:2022-04-02 13:24:44

UWP学习记录10-设计和UI之控件和模式7

1、导航控件

Hub,中心控件,利用它你可以将应用内容整理到不同但又相关的区域或类别中。 中心的各个区域可按首选顺序遍历,并且可用作更具体体验的起始点。

中心的内容可以显示在全景视图中,这样用户一眼就能看见新增内容、可用功能和相关信息。 中心通常具有一个页标题,每个内容部分各有一个部分标题。

UWP学习记录10-设计和UI之控件和模式7

UWP学习记录10-设计和UI之控件和模式7

Pivot,透视表控件,用于导航经常访问的不同内容类别。 透视表允许在两个或多个内容窗格之间进行导航,并且依靠文本标题来表明内容的不同部分。

UWP学习记录10-设计和UI之控件和模式7

SemanticZoom,语义式缩放控件。语义式缩放控件使用户能够在相同内容的两个不同视图之间进行缩放,以便它们可以通过大型数据集进行快速导航。 放大视图是内容的主视图。 你可以在此视图中显示完整的数据集。 缩小视图是同一内容的更高级别的视图。 通常,你会在此视图中显示分组数据集的组标头。 例如,查看通讯簿时,用户可以放大一个字母,并查看与该字母关联的名称。

UWP学习记录10-设计和UI之控件和模式7

SplitView,拆分视图控件,具有一个可展开/可折叠的窗格和一个内容区域。 内容区域始终可见。 窗格可以展开和折叠或停留在打开状态,而且可以从应用窗口的左侧或右侧显示其自身。

UWP学习记录10-设计和UI之控件和模式7

最后,还有Web 视图,可托管 Web 内容的容器控件。

2、进度控件

进度条,通过显示一个长条来指示进度的控件。

进度环,通过显示一个环来指示不确定进度的控件。

3、文本控件

文本块,显示文本的控件。

文本框,单行或多行纯文本字段。

密码框,用于输入密码的一种控件。

富编辑框,使用户可以编辑带有格式化文本、超链接和图像等内容的富文本文档的控件。

自动建议框,提供建议文本作为用户键入的文本输入框。

4、选择控件

单选按钮,允许用户从一组选项中选择单个选项的控件。 将单选按钮分组到一起时,它们互相排斥。

复选框,用户可以选中或清除的一种控件。

滑块,一种可让用户通过沿轨迹移动 Thumb 控件从一组值中进行选择的控件。

列表框,显示用户可以从中进行选择的嵌入式项列表的控件。

组合框,用户可以从中进行选择的项目下拉列表。

切换按钮,可以在两种状态之间进行切换的一种按钮。

切换开关,可以在两种状态之间进行切换的一种开关。