Skeleton
内容加载时脉动的占位条。
示例可交互
Live demo unavailable
<StackPanel Orientation="Horizontal" Spacing="12" HorizontalAlignment="Left">
<uikit:Skeleton Width="40" Height="40" CornerRadius="20" />
<StackPanel Spacing="8" VerticalAlignment="Center">
<uikit:Skeleton Width="200" />
<uikit:Skeleton Classes="secondary" Width="140" />
</StackPanel>
</StackPanel>用法
uikit:Skeleton 是骨架屏颜色的条块,默认高 16px 并拉伸填充,其不透明度每两秒在 1 与 0.5 之间往返。形状由应用决定:设置 Width、Height 和 CornerRadius。secondary 样式类以半强度绘制。
示例
一条线、一条次要线、一个圆角块、一个圆形和一张卡片。
Live demo unavailable
<StackPanel Spacing="12" HorizontalAlignment="Left">
<uikit:Skeleton Width="240" />
<uikit:Skeleton Classes="secondary" Width="240" />
<uikit:Skeleton Width="200" Height="24" CornerRadius="6" />
<uikit:Skeleton Width="40" Height="40" CornerRadius="20" />
<uikit:Skeleton Width="240" Height="120" CornerRadius="8" />
</StackPanel>