如何在wpf mvvm中使用DataTriggers改变按钮的样式

Question

我想在首先加载wpf应用程序时根据if else条件更改按钮的样式。在使用if加载的应用程序上，将有一种样式的按钮，而在else部分，将有另一种样式。如何使用Datatriggers或使用MVVM模式实现这一点。

请建议?

谢谢

Answer 1

可以使用Style.Setters设置默认值。对于其他确定的条件，使用Style.Triggers。这就像if else.

<TextBlock.Style>
    <Style TargetType="TextBlock">
        <Style.Triggers>
            <DataTrigger Binding="{Binding ElementName=EditorWindow, Path=Category}" Value="R">
                <Setter Property="Visibility" Value="Visible"/>
            </DataTrigger>
        </Style.Triggers>
        <Style.Setters>
            <Setter Property="Visibility" Value="Collapsed"/>
        </Style.Setters>
    </Style>
</TextBlock.Style>

Answer 2

或者，如果您想使用数据触发器，您可以使用以下方法:

        <Button Command="{Binding SomeButtonCommand}" Content="Click Me!">
        <Button.Style>
            <Style TargetType="{x:Type Button}">
                <Style.Triggers>
                    <DataTrigger Binding="{Binding Path=NormalButtonMode, Mode=OneWay}" Value="True">
                        <Setter Property="Content" Value="This Button is in Normal Mode" />
                    </DataTrigger>
                    <DataTrigger Binding="{Binding Path=NormalButtonMode, Mode=OneWay}" Value="False">
                        <Setter Property="Content" Value="This Button is in the Other Mode" />
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </Button.Style>
    </Button>

在这种情况下，ViewModel必须公开布尔属性NormalButtonMode。在这个例子中，我只设置了按钮的Content属性，但是您可以在DataTrigger中列出任意数量的setter。您还可以将此样式放入资源字典中，并使用StaticResource为每个按钮链接它。只要确保你在每个ViewModel上暴露NormalButtonMode(或任何)属性-也许把它放在基类中。

Answer 3

您应该查看数据模板和模板选择器。这是一个从我自己的代码匆忙复制粘贴的例子，它不能立即适用于按钮，但我认为它应该帮助你沿着你的方式。

下面的代码来自应用程序资源xaml文件。我使用它来决定基于ViewModel中的变量为ProjectViewModel使用哪个视图:

    <DataTemplate DataType="{x:Type viewmod:ProjectViewModel}">
    <DataTemplate.Resources>
        <DataTemplate x:Key="ProjectEditViewTemplate">
            <view:ProjectEditView/>
        </DataTemplate>
        <DataTemplate x:Key="ServiceSelectionViewTemplate">
            <view:ServiceSelectionView/>
        </DataTemplate>
    </DataTemplate.Resources>
    <ContentControl Content="{Binding}" ContentTemplateSelector="{StaticResource ProjectViewModelTemplateSelector}" />
</DataTemplate>

ProjectViewModelTemplateSelector定义如下:

    public class ProjectViewModelTemplateSelector : DataTemplateSelector
{
    public override DataTemplate SelectTemplate(object item, DependencyObject container)
    {
        FrameworkElement element = container as FrameworkElement;
        if (element != null && item != null && item is ViewModel.ProjectViewModel)
        {
            if ((item as ViewModel.ProjectViewModel).EditMode)
            {
                return element.FindResource("ProjectEditViewTemplate") as DataTemplate;
            }
            else
            {
                return element.FindResource("ServiceSelectionViewTemplate") as DataTemplate;
            }
        }
        else
            return base.SelectTemplate(item, container);
    }
}

}