Shimmer
有一道高光扫过表面的文字。
示例可交互
Live demo unavailable
<uikit:ShimmerText Text="Thinking about it…" />用法
uikit:ShimmerText 显示其 Text，并有一道高光扫过。字形会被重复绘制十二次，每次都裁剪到扫光中心附近更窄的区域内，颜色由文字色向主题背景色（深色主题下为前景色）混合而成。文字的大小与颜色由应用决定：像在 TextBlock 上一样设置 FontSize 和 Foreground。每个实例都运行自己的时钟。
| 属性 | 含义 |
|---|---|
Text | 要显示的文字。 |
Duration | 一次扫光的时长；默认 2 秒。 |
Repeats | 扫光是否重复（默认）或只运行一次。 |
IsReversed | 从末尾向起始扫光。 |
Spread | 光带宽度的一半占文字宽度的比例；默认 0.3。 |
HighlightColor | 高光的颜色；未设置时由文字色计算得出。 |
示例
默认扫光、弱化文字、反向扫光、14px 文字，以及更快更宽的光带。
Live demo unavailable
<StackPanel Spacing="8" HorizontalAlignment="Left">
<uikit:ShimmerText Text="Thinking about it…" />
<uikit:ShimmerText Text="Searching the web…" Foreground="{DynamicResource UIKit.MutedForeground}" />
<uikit:ShimmerText Text="Sweeping from the end…" IsReversed="True" />
<uikit:ShimmerText Text="Generating a response…" FontSize="14" TextBlock.LineHeight="22.5" />
<uikit:ShimmerText Text="A faster, wider sweep…" Duration="0:0:1" Spread="0.5" />
</StackPanel>