Rating
用于选择与展示评分的星级。
示例可交互
Live demo unavailable
<uikit:Rating Value="3" HorizontalAlignment="Left" />用法
uikit:Rating 是一行 Maximum 颗星（默认 5 颗），其中 Value 颗被填充，颜色为主题的黄色或 ActiveBrush。指针会预览其下方的值；点击会把 Value 设为该星，若该星已被填充则设为前一颗，因此评分可以一直清到零。Value 默认双向绑定。禁用的评分只显示其值。每颗星都是一个 uikit:RatingStar，带 :filled 与 :active 伪类。
| 样式类 | 星形图标 |
|---|---|
xsmall | 12px |
small | 14px |
| （medium） | 16px |
large | 24px |
示例
四种尺寸。
Live demo unavailable
<StackPanel Spacing="8" HorizontalAlignment="Left">
<uikit:Rating Classes="xsmall" Value="3" />
<uikit:Rating Classes="small" Value="3" />
<uikit:Rating Value="3" />
<uikit:Rating Classes="large" Value="3" />
</StackPanel>Maximum 设置星星的数量。
Live demo unavailable
<StackPanel Spacing="8" HorizontalAlignment="Left">
<uikit:Rating Value="2" Maximum="3" />
<uikit:Rating Value="7" Maximum="10" />
</StackPanel>ActiveBrush 为已填充和预览中的星上色；这里分别是主题的 UIKit.Red 与 UIKit.Primary。
Live demo unavailable
<StackPanel Spacing="8" HorizontalAlignment="Left">
<uikit:Rating Value="4" ActiveBrush="{DynamicResource UIKit.Red}" />
<uikit:Rating Value="4" ActiveBrush="{DynamicResource UIKit.Primary}" />
</StackPanel>禁用的评分既不预览也不改变。
Live demo unavailable
<uikit:Rating Value="3" IsEnabled="False" HorizontalAlignment="Left" />