Question

我在XAML中有一个自定义的ProgressBar控件，我想在它上面设置一个TextBox来编写ProgressBar值。但我无法正确绑定值。

要修复的代码部分：

<ControlTemplate.Triggers>
<EventTrigger RoutedEvent="ValueChanged">
    <BeginStoryboard>
        <Storyboard>
            <ObjectAnimationUsingKeyFrames BeginTime="0:0:0" Storyboard.TargetName="txt"
                                                              Storyboard.TargetProperty="Text">
                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{Binding  Path=Value,RelativeSource={RelativeSource TemplatedParent}, StringFormat={}{0:0}%}"/>
            </ObjectAnimationUsingKeyFrames>
        </Storyboard>
    </BeginStoryboard>
</EventTrigger>
</ControlTemplate.Triggers>

更新：style.xaml（ResourceDictionary）中的整个代码

<Style x:Key="colorizedPB" TargetType="ProgressBar">
<Setter Property="Background" Value="Red"/>
<Setter Property="BorderBrush" Value="LightGray"/>
<Setter Property="BorderThickness" Value="1"/>
<Setter Property="Foreground" Value="Black"/>
<Setter Property="Template">
    <Setter.Value>
        <ControlTemplate TargetType="ProgressBar">
            <Viewbox>
                <Border HorizontalAlignment="Left" Width="{TemplateBinding Width}" Height="{TemplateBinding Height}"
                            BorderBrush="Gray" BorderThickness="1">
                    <Grid>
                        <Rectangle x:Name="rect" HorizontalAlignment="Left" Fill="{TemplateBinding Background}" Width="0" Height="{TemplateBinding Height}">
                            <Rectangle.RenderTransform>
                                <TranslateTransform X="0" Y="0"/>
                            </Rectangle.RenderTransform>
                        </Rectangle>
                        <TextBlock x:Name="txt" FontSize="13" Foreground="{TemplateBinding Foreground}" HorizontalAlignment="Center" VerticalAlignment="Center" Text="test"/>
                    </Grid>
                </Border>
            </Viewbox>
            <ControlTemplate.Triggers>
                <EventTrigger RoutedEvent="ValueChanged">
                    <BeginStoryboard>
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames BeginTime="0:0:0" Storyboard.TargetName="txt"
                                                              Storyboard.TargetProperty="Text">
                                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type ProgressBar}}, Path=Value, Mode=OneWay}"/>
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
    </Setter.Value>
</Setter>

在MainWindow.xaml

<Grid Grid.Column="1" Margin="8,102,10,53">
            <ProgressBar Background="LightBlue" Name="progressBar" Style="{DynamicResource colorizedPB}" Width="200" Height="20"/>
        </Grid>

Answer 1

删除EventTrigger并尝试：

<TextBlock 
    x:Name="txt" 
    FontSize="13" 
    Foreground="{TemplateBinding Foreground}" 
    HorizontalAlignment="Center" 
    VerticalAlignment="Center" 
    Text="{TemplateBinding Value}"
    />

您可能希望格式化Value，在这种情况下，您需要使用Binding代替：

<TextBlock 
    x:Name="txt" 
    FontSize="13" 
    Foreground="{TemplateBinding Foreground}" 
    HorizontalAlignment="Center" 
    VerticalAlignment="Center" 
    Text="{Binding Value, RelativeSource={RelativeSource TemplatedParent}, StringFormat={}{0:0.00}}"
    />

如何将ProgressBar值绑定到ResourceDictionary中的Textbox？

1 个答案: