选择控件指南(Windows 应用商店应用)

使用 select 控件,用户可以从一组具有文本标签的项目中选择一个或多个值。 select 控件有两个操作模式:下拉列表模式和列表框模式。

这是正确的控件吗?

使用 select 控件可以让用户从一组用单行文本足以表示的项目中选择一个或多个值。

不要使用 select 控件显示可以包含多行文本或图像的项目。请改用 ListView

当少于八个项目时,考虑使用单选按钮(如果只能选择一个项目)或复选框(如果可以选择多个项目)。

选择正确的模式

select 控件有两个操作模式:下拉列表模式列表框模式

何时使用下拉列表模式

在该模式下,选择控件通过仅显示当前选定的项目来节省屏幕空间。

下拉列表模式中的选择控件

用户必须点击面板(这会打开一个下拉菜单)才能查看其他可供选择的项目。在该模式下,用户只能选择一个项目。

  • 当选择项目在应用流中不太重要时,可以使用此模式。

    如果在多数情况下为大部分用户推荐了默认选项,那么,通过使用列表框模式显示所有的项目可能会导致用户对选项进行不必要的注意。使用下拉列表模式可以节省屏幕空间并减少分心。

  • 当你需要节省空间时,可以使用此模式。

    使用 select 控件的下拉列表模式可以节省屏幕空间。 下拉列表模式允许你使用较小的空间为用户提供各种选项。

何时使用列表框模式

在该模式下,select 控件始终处于打开状态,无需任何额外的交互即可显示它的所有项目。此模式既支持单选又支持多选。

在使用此模式时,设置 select 控件的大小,以便它足够大,可以在无需用户移动或滚动的情况下显示它的所有项目。

  • 当项目少于 10 个而且因非常重要而必须显示在突出位置时,请使用此模式。
  • 对于多选使用此模式。

    如果项目少于 10 个而且应当显示在突出位置时,请使用列表框模式。如果你拥有十个以上的项目并且希望启用多选,则使用 ListView

下面是 select 控件在列表框模式下的合理使用示例:

在该示例中,只有少量水果可供选择。 它们是非常简单的项目,但是它们却是应用本身很重要的方面。 通过使用嵌入式模式,可选择的选项一直可见。

内联模式下的列表框

相关主题

select
按钮指南
单选按钮指南
切换开关指南
复选框指南

 

 

显示:
© 2014 Microsoft