如何制作垂直进度条

本文关键字：垂直 何制作 | 更新日期: 2023-09-27 18:19:50

我正在尝试创建一个垂直而非水平的ProgressBar，我已经尝试更改ProgressBar的角度，使其垂直而不是水平，这是我的代码：

<ProgressBar Maximum="100" Value="20" Height="30" Width="5" >
   <ProgressBar.Background>
       <SolidColorBrush Color="White" Opacity="0.15999999642372131"/>
   </ProgressBar.Background>
   <ProgressBar.RenderTransform>
       <RotateTransform Angle="0" CenterX="0" CenterY="0"/>
   </ProgressBar.RenderTransform>
</ProgressBar>

然而，进度条本身是从一侧到另一侧的，而不是从上到下的。我试过更改FlowDirection，但这只给了你LeftToRight或RightToLeft 的两个选项

有人有什么想法/建议吗？

如何制作垂直进度条

您可能正在寻找ProgressBar.方向属性

获取或设置ProgressBar的方向：水平或垂直。

<ProgressBar RenderTransformOrigin="0.5,0.5" >
   <ProgressBar.RenderTransform>
      <CompositeTransform Rotation="90"/>
   </ProgressBar.RenderTransform>
</ProgressBar>

这对我来说很好。

Orientation="Vertical"在ProgressBar标记中，然后在代码的其余部分中。

相关文章：