Progress

确定进度与不确定进度的进度条，即 Avalonia 的 ProgressBar。

示例可交互

Progress — Avalonia UIKit

Live demo unavailable

<ProgressBar Value="40" Width="240" HorizontalAlignment="Left" />

用法

主题覆盖 ProgressBar：进度色条带绘制在同色 20% 透明度的底条上，圆角半径为其高度的一半。Value 变化时，条带宽度按三次贝塞尔缓动（0.2, 0, 0, 1）在 180ms 内动画过渡。IsIndeterminate="True" 会重复一秒一次的扫动：条带的前缘在这一秒内掠过，后缘在后半秒跟随，两端均为圆角。尺寸：xsmall（4px）、small（6px）、large（10px）；medium（8px）无需样式类。

示例

四种高度。

尺寸可交互

Live demo unavailable

<StackPanel Spacing="12" Width="240" HorizontalAlignment="Left">
  <ProgressBar Classes="xsmall" Value="40" />
  <ProgressBar Classes="small" Value="40" />
  <ProgressBar Value="40" />
  <ProgressBar Classes="large" Value="40" />
</StackPanel>

IsIndeterminate="True" 重复扫动。

不确定进度可交互

Live demo unavailable

<ProgressBar IsIndeterminate="True" Width="240" HorizontalAlignment="Left" />

Progress

#用法

#示例

用法

示例