使用StyleTriggers的AutoHide进度条

Question

我想在WPF中隐藏一个使用数据绑定的进度条。只要属性为0，进度条就应该隐藏起来:我尝试以下代码

(信息:我当前的datacontext是一个持有整数属性‘CurrentIndex’的类)

<ProgressBar Minimum="0" Maximum="100" Value="{Binding CurrentIndex, UpdateSourceTrigger=PropertyChanged}" Visibility="Visible">
    <ProgressBar.Style>
        <Style TargetType="{x:Type ProgressBar}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding CurrentIndex}" Value="0">
                    <Setter Property="Visibility" Value="Hidden"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </ProgressBar.Style>
</ProgressBar>

这段代码有什么问题？为什么当CurrentIndex为0时，进度条仍然显示？(在后面的模型中，当加载控件时，'CurrentIndex‘的值默认为0)

Answer 1

样式，请不要在控件本身上设置Visibility (local value > DP precedence )。

Answer 2

使用可见性绑定和转换器的其他方式：

<Grid>
<Grid.Resources>
    <App:VisibilityConverter x:Key="VisibilityConverter" />
</Grid.Resources>
<ProgressBar Minimum="0" Maximum="100" Value="{Binding CurrentIndex, UpdateSourceTrigger=PropertyChanged}" 
             Visibility="{Binding CurrentIndex, Mode=OneWay, Converter={StaticResource VisibilityConverter}}" />
</Grid>

转换器代码(VisibilityConverter.cs)：

public class VisibilityConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return (int)value == 0 ? Visibility.Hidden : Visibility.Visible;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

Answer 3

您的XAML几乎是正确的！

像定义进度条一样定义进度条：

<ProgressBar Minimum="0" 
             Maximum="100" 
             Value="{Binding CurrentIndex, UpdateSourceTrigger=PropertyChanged}"
             Name="MyAutoHidingProgressBar" />

不要忘记添加Name属性，并且不要在这里设置Visibility。它将始终覆盖在Style中设置的内容。

然后在<Window.Resources>中像平常一样定义一个Style

 <Window.Resources>
    <Style TargetType="ProgressBar" x:Key="MyAutoHidingProgressBarStyle">
       <Style.Triggers>
           <DataTrigger Binding="{Binding ElementName=MyAutoHidingProgressBar, Path=Value}" Value="0">
                <Setter Property="Visibility" Value="Hidden"></Setter>
           </DataTrigger>
       </Style.Triggers>
    </Style>
</Window.Resources>

这基本上是在检查进度条本身的值，而不是您的绑定。

作为最后一步，将样式添加到进度栏中：

Style="{StaticResource MyAutoHidingProgressBarStyle}"

现在，如果您的ProgressBar的Value为0，它将自动隐藏。如果触发器已满，您还可以轻松地添加触发器来隐藏它。