【问题标题】:Change button property when IsEnabled change in wpf当 wpf 中的 IsEnabled 更改时更改按钮属性
【发布时间】:2019-12-21 00:23:36
【问题描述】:

我的视图中有一个按钮,其样式为 staticResource。我在我的视图模型中有IsEnabled 绑定到bool 并且想要在禁用时更改背景。

我尝试在IsEnabled = false 上使用Style.Triggers,但这不会改变背景。

样式.xaml

  <Style x:Key="buttonNegative" TargetType="Button">
    <Style.Triggers>
      <Trigger Property="IsEnabled" Value="False">
        <Setter Property="Background" Value="Green"/>
      </Trigger>
    </Style.Triggers>
  </Style>

view.xaml

  <Button Style="{StaticResource buttonNegative}" Command="{Binding InversionAxis_Command}" IsEnabled="{Binding SettingsButtonIsEnable}">
    <TextBlock Text="{Binding Orientation}"/>
  </Button>

viewModel.cs

private bool _settingsButtonIsEnable;
public bool SettingsButtonIsEnable
{
    get { return _settingsButtonIsEnable; }
    set
    {
        if (Equals(value, _settingsButtonIsEnable)) return;
        _settingsButtonIsEnable = value;
        RaisePropertyChanged();
    }
}

public ICommand InversionAxis_Command
{
    get { return new RelayCommand(InversionAxis, IsSettingsButtonIsEnable); }
}

private bool IsSettingsButtonIsEnable()
{
    return _settingsButtonIsEnable;
}

该命令没有执行,因为我使用了 canExecute 但是当 SettingsButtonIsEnable 改变时样式没有改变

【问题讨论】:

标签: c# wpf xaml mvvm mvvm-light


【解决方案1】:

更改禁用的背景比在样式中添加触发器更复杂。您必须定义一个自定义ControlTemplate

<Style x:Key="buttonNegative" TargetType="Button">
    <Style.Resources>
        <Style x:Key="FocusVisual">
            <Setter Property="Control.Template">
                <Setter.Value>
                    <ControlTemplate>
                        <Rectangle Margin="2" SnapsToDevicePixels="true" Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" StrokeThickness="1" StrokeDashArray="1 2"/>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <SolidColorBrush x:Key="Button.Static.Background" Color="#FFDDDDDD"/>
        <SolidColorBrush x:Key="Button.Static.Border" Color="#FF707070"/>
        <SolidColorBrush x:Key="Button.MouseOver.Background" Color="#FFBEE6FD"/>
        <SolidColorBrush x:Key="Button.MouseOver.Border" Color="#FF3C7FB1"/>
        <SolidColorBrush x:Key="Button.Pressed.Background" Color="#FFC4E5F6"/>
        <SolidColorBrush x:Key="Button.Pressed.Border" Color="#FF2C628B"/>
        <SolidColorBrush x:Key="Button.Disabled.Background" Color="Green"/>
        <SolidColorBrush x:Key="Button.Disabled.Border" Color="#FFADB2B5"/>
        <SolidColorBrush x:Key="Button.Disabled.Foreground" Color="#FF838383"/>
    </Style.Resources>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type Button}">
                <Border x:Name="border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="true">
                    <ContentPresenter x:Name="contentPresenter" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsDefaulted" Value="true">
                        <Setter Property="BorderBrush" TargetName="border" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/>
                    </Trigger>
                    <Trigger Property="IsMouseOver" Value="true">
                        <Setter Property="Background" TargetName="border" Value="{StaticResource Button.MouseOver.Background}"/>
                        <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.MouseOver.Border}"/>
                    </Trigger>
                    <Trigger Property="IsPressed" Value="true">
                        <Setter Property="Background" TargetName="border" Value="{StaticResource Button.Pressed.Background}"/>
                        <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.Pressed.Border}"/>
                    </Trigger>
                    <Trigger Property="IsEnabled" Value="false">
                        <Setter Property="Background" TargetName="border" Value="{StaticResource Button.Disabled.Background}"/>
                        <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.Disabled.Border}"/>
                        <Setter Property="TextElement.Foreground" TargetName="contentPresenter" Value="{StaticResource Button.Disabled.Foreground}"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

默认禁用的背景被硬编码到默认模板中,并且不能被样式设置器覆盖。

【讨论】:

  • 当我尝试这种风格时没有效果。也许我的 IsEnable 绑定不起作用,但如果我没有对样式显示任何更改,我该如何测试它?当我删除样式时也没有变化
  • 试试这个:&lt;Button Content="test" Style="{StaticResource buttonNegative}" IsEnabled="False" /&gt;。它应该给出一个绿色按钮。
  • 是的,我有一个绿色按钮。所以当我更改 SettingsButtonIsEnable 的值时,我的绑定不起作用。
  • 确保正确设置DataContext。但是,如果您有其他问题,请提出一个新问题。
猜你喜欢
  • 1970-01-01
  • 2011-12-09
  • 1970-01-01
  • 1970-01-01
  • 2015-10-04
  • 2020-02-28
  • 1970-01-01
  • 1970-01-01
  • 2017-04-17
相关资源
最近更新 更多