导出 (0) 打印
全部展开

Windows Phone 的 LongListSelector 控件设计准则

2013/12/5

适用于:仅限于 Windows Phone 8。

Windows Phone 8 中新增的 LongListSelector 控件允许用户直接跳至列表中某个位置,而不是通过滚动浏览列表来查找他们想要的项目。通过在应用内使用此控件,您可以更为有效地帮助用户分析大量的数据,并且您可以更加轻松地在应用设计中处理较长的数据列表。

LongListSelector

LongListSelector 控件

本主题包含以下各节。

类似于 ListBox 控件,LongListSelector 控件会在列表中显示项的固定大小的滚动选择器。用户可以平移或垂直轻拂来滚动浏览列表中的项。用户可以点按控件来选择列表中的项。

但是,当用户在列表中平移时,平移会停在列表中用户手指停止移动的位置或在用户抬起手机屏幕上的手指时的位置。当用户在列表上轻拂时,列表将滚动且随后缓慢停止,除非用户在列表中进行点按,在这种情况下,滚动(轻拂笔势的效果)将停止。但是,若滚动减慢至特定的速度,点按笔势将选中列表中某个项目,而不仅仅是停止滚动操作。

当列表正在滚动时,页面将无法向左或向右旋转,除非滚动已减慢至特定的速度。

抵达列表的末尾时,它将向上滚动以显示空白区域并“来回弹跳”后停止。在列表末尾轻拂将导致列表来回弹跳;列表不会环绕到开头。但是,平移可以将列表环绕至开头(如果您想要在应用中设计此功能)。

当您要显示用户希望选择的字词、数字或可视化元素的长列表时,使用 LongListSelector 控件来保留屏幕的资产。借助 LongListSelector 控件,用户可以有效地进行选择,然后“跳至”想要的列表项。

当用户必须从 8 个或更多列表项中做出选择时,使用 LongListSelector 控件。如果列表拥有 4 个或更少的项,则使用分组的 RadioButton 控件而不是 LongListSelector 控件。

LongListSelector 控件垂直组织其项列表。如果您希望水平显示列表的项,尤其是如果这些项是图形或照片,请考虑改用 ScrollViewer 控件。

要在应用中设置长列表导航,您拥有两种选择:

  • 按字母顺序排序的列表。无列出项的字母将灰显。

  • 组标头。当用户点按组标头时,将激活“快速跳转列表”。应用必须提供组标头的列表,才能使实现此功能。您需要按照您希望“长列表导航”据以显示的类别,配置将要分组的应用数据源。如果您在应用中使用组标头并且某个区域为空,则该区域将灰显。

LongListSelector_GroupHeader

组标头导航:1) 用户在已启用“长列表导航”的列表上点按组标头。2) 用户被带至“快速跳转列表”。3) 用户跳转至所选组的顶部。4) 基于“组标头”的“长列表导航”将提供标头列表。

使用 LongListSelector 控件可以简洁和动态地显示长的选项列表,但是会出现列表过长的情况。对于包含几十个以上的项的列表,考虑使用表视图。还请记住:

  • 使用强的无衬线字体,使列表项在高度上至少为 12 像素,并确保该文本从所有角度和大小上都可以辨认。

  • 为使用触控反馈或所选状态的情况保留照明、效果、动画或其他修饰。当用户触控 LongListSelector 控件中的项时,这些项应有强的视觉反应。

显示:
© 2014 Microsoft