垂直进度条模板.net

Question

我尝试使用以下代码自定义 .Net 垂直进度条（使用 Visual 2010）：

<ProgressBar Name="VolumeMeter" Orientation="Vertical" Margin="4,30,0,0" Value="50" HorizontalAlignment="Left" VerticalAlignment="Top" Height="300" Width="10">
        <ProgressBar.Template>
            <ControlTemplate TargetType="ProgressBar">
                <Border BorderBrush="Green" BorderThickness="1">
                    <Grid Name="PART_Track" Background="Red">
                        <Rectangle Name="PART_Indicator" Fill="Blue"/>                            
                    </Grid>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="Orientation" Value="Horizontal">
                        <Setter TargetName="PART_Indicator" Property="VerticalAlignment" Value="Stretch"/>
                        <Setter TargetName="PART_Indicator" Property="HorizontalAlignment" Value="Left"/>
                    </Trigger>
                    <Trigger Property="Orientation" Value="Vertical">
                        <Setter TargetName="PART_Indicator" Property="VerticalAlignment" Value="Bottom"/>
                        <Setter TargetName="PART_Indicator" Property="HorizontalAlignment" Value="Stretch"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </ProgressBar.Template>
    </ProgressBar>

但是，它不显示进度，出了什么问题？

Answer 1

您可能遇到的问题是 .Net 4.0 中的一项重大更改造成的，该更改是尝试提高 WPF ProgressBar 控件性能的结果。 （不可否认，它非常需要。）请参阅 此问题。

简短版本：在 .Net 3.5 及更早版本中，您可以编写进度条，并且它足够智能，可以自行调整垂直或水平方向。在 .Net 4.0 中，您必须将进度条设计为水平方向，然后在方向为垂直时使用触发器和转换将其旋转为垂直方向。如果您正在使用 .Net 4.0（我怀疑您正在使用），这就是为什么您不可能让进度条按照您期望的方式运行。

遗憾的是，MSDN 中对此的记录非常很少。值得注意的是 http://msdn.microsoft.com/en- 中的示例us/library/ms750638.aspx 没有提及这一点，也没有以任何方式解决它。同样，ProgressBar 文档本身 (http://msdn .microsoft.com/en-us/library/system.windows.controls.progressbar.aspx）没有记录演示基础早期版本的这一重大更改。感谢上帝提交了这个错误，否则我（也）会认为我疯了。

现在执行此操作的正确方法如下所示：

<ControlTemplate TargetType="ProgressBar">

  <Border x:Name="Root">
    <!-- Visual tree goes here, be sure to include PART_Indicator and PART_Track -->
  </Border>

  <!-- Triggers must come after the Visual Tree so we can reference names. -->
  <ControlTemplate.Triggers>
    <Trigger Property="Orientation" Value="Vertical">

      <!-- Rotate the progressbar so the left edge is the bottom edge -->
      <Setter TargetName="Root" Property="LayoutTransform">
        <Setter.Value>
          <RotateTransform Angle="270" />
        </Setter.Value>
      </Setter>

      <!-- 
      Fix the render dimensions b/c what was the width is now height and vice-versa. 
      Note that we have to use {RelativeSource TemplatedParent} b/c {TemplateBinding}
      can't be used in a setter's value.
      -->
      <Setter TargetName="Root" Property="Width"
       Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Height}"
       />
      <Setter TargetName="Root" Property="Height"
       Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Width}"
       />
    </Trigger>
  </ControlTemplate.Triggers>
</ControlTemplate>

Answer 2

从您的 xaml 来看，您似乎没有将其绑定到任何东西。
您必须有一些东西告诉它更新进度，通常您会将其绑定到数据模型上的某些东西，或者在代码隐藏中使用某种方法来执行此操作。

Answer 3

类似于：