分级控件指南

分级控件允许用户通过单击代表分级的图标对某些内容做出分级。 它可以显示三种类型的分级:平均分级、暂定分级和用户分级。

显示平均、暂定和用户分级的分级控件

注意  分级控件仅适用于 HTML。不存在 XAML 分级控件。

标准分级控件的外观示例

示例

说明标准分级控件的屏幕截图

这是正确的控件吗?

使用分级控件可以显示用户对某个项目或服务的喜欢、欣赏或满意程度。例如,使用分级控件可以让用户对电影进行分级。 对于其他类型的、具有连续范围(如屏幕亮度)的数据不要使用分级控件,(应为此使用滑块)。

不要使用分级控件作为筛选控件。例如,如果要让用户筛选搜索结果以显示五星级酒店,不要使用分级控件实现筛选。使用分级控件可能会导致用户错误地认为他们要为酒店赋予新的分级。你可以改用下拉列表

不要使用一星级分级控件作为喜欢/不喜欢控件,而应当改用复选框。分级控件不是为二元分级设计的,例如,点击该控件不会在打开和关闭星级之间切换。有关如何在使用 JavaScript 的 Windows 应用商店应用中使用复选框作为喜欢/不喜欢控件的示例,请参阅 常见的 HTML 控件和日常小组件的示例

建议

  • 使用工具提示可以为用户提供更多上下文。 你可以自定义工具提示,以便为每个星级显示更有意义的词语(例如,“太棒了”、“非常好”或“不错”),如下所示:

    具有自定义工具提示的分级。

  • 当你希望禁止用户添加或修改分级时,可以禁用分级控件。禁用的分级控件会继续显示分级(如果设置了分级),但是不允许用户添加或修改它。假设你希望只允许登录用户进行分级,则可以禁用 Rating 控件,当用户点击该控件,你可以向他们发送登录页面。

    对于无法启用的控件(即在应用的生命周期内为只读),请通过将该控件的 class 属性设置为 "win-small" 来使其比其他分级控件小。 使控件变小有助于将它与其他控件区分而且还可以禁止交互

    禁用的分级控件和永久禁用的分级控件。

  • 同时显示平均分级和用户分级。在用户提供分级之后,分级控件会显示用户的分级,而不显示平均分级。只要对用户有意义,就可以向用户显示他们赋予的分级以及平均用户分级。下面是两种可用来显示平均分级的方法:

    • 在随附的文本字符串中显示平均分级(例如“平均:3.5”)。
    • 结合使用两个分级控件,一个显示用户分级,另一个显示平均分级而且不允许用户输入。

    显示用户分级和平均分级

  • 除非必须更改默认的星数(最大分级),否则不要这样做。默认情况下,分级控件有 5 颗星,其中 1 为最低或最差分级,而 5 为最高或最佳分级。 如果你的应用遵循此惯例,则用户可以很轻松地理解分级的含义。

  • 除非你必须禁止用户删除其分级,否则请不要禁用“清除分级”功能。

相关主题

对于设计人员
复选框指南
滑块指南
对于开发人员 (HTML)
WinJS.UI.Rating object
快速入门:添加分级控件

 

 

显示:
© 2015 Microsoft