WPF推荐的按钮样式切换方式

Question

基本上我有两个并排的按钮，并且我定义了两组样式。出于说明目的，styleA 是白色，styleB 是黑色。这个想法应该有点简单，当用户单击buttonA 时，它将应用白色的styleA，buttonB 将应用styleB，反之亦然。然而，经过数小时的研究，没有简单的方法可以实现这一目标吗？有些人建议使用RelativeSource AncestorType，而有些人建议使用Converter。我是否完全偏离了轨道，因为我相信我的目标应该能够轻松完成。请帮忙，因为我是 WPF 领域的新手

Answer 1

您可以做的是在资源字典中定义两种样式，然后在按钮的单击处理程序或单选按钮的 Selected 处理程序中，动态查找有问题的资源，并将找到的资源（样式）应用于要重新设置样式的元素。

Answer 2

我认为最简单的方法是使用带有 styleA 的 RadioButtons 和一个触发器，如果​​它被选中，它将获得 styleB。这样，当您单击其中一个按钮时，您将“免费”获得 styleB，而另一个按钮返回 styleA。

Answer 3

更简单的方法是只制作一种样式并使用触发器

<Style
  TargetType="{x:Type Button}">
  <Setter Property="Background" Value="#C0C0C0"/>
  <Setter Property="BorderBrush" Value="#404040"/>
  <Setter Property="BorderThickness" Value="1"/>
  <Setter Property="Padding" Value="2"/>
  <Setter Property="SnapsToDevicePixels" Value="true"/>
  <Setter Property="OverridesDefaultStyle" Value="true"/>
  <Setter Property="MinHeight" Value="23"/>
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate
        TargetType="{x:Type Button}">
        <Border
          x:Name="Border"
          Background="{TemplateBinding Background}"
          BorderBrush="{TemplateBinding BorderBrush}"
          BorderThickness="{TemplateBinding BorderThickness}"
          CornerRadius="2">
          <ContentPresenter
            HorizontalAlignment="Center"
            Margin="{TemplateBinding Padding}"
            VerticalAlignment="Center"
            RecognizesAccessKey="True"/>
        </Border>
        <ControlTemplate.Triggers>
          <Trigger Property="IsPressed" Value="true">
            <Setter TargetName="Border" Property="Background" Value="#808080"/>
            <Setter TargetName="Border" Property="BorderBrush" Value="#606060"/>
          </Trigger>
        </ControlTemplate.Triggers>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>

希望对你有帮助

<Button
  Width="100"
  HorizontalAlignment="Center"
  VerticalAlignment="Center"
  Content="Click Me"/>

编辑

使用转换器的更好解决方案

<StackPanel HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Orientation="Horizontal">
  <StackPanel.Resources>
    <wpfApplication2:MouseOverToBackgroundConverter x:Key="MouseOverToBackgroundConverter"
                                                    NormalBackground="LightGreen"
                                                    SelfMouseOverBackground="Red"
                                                    MouseOverBackground="Firebrick" />

    <Style x:Key="styleWithTrigger" TargetType="Rectangle">
      <Setter Property="Fill" Value="LightGreen" />
      <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
          <Setter Property="Fill" Value="Red" />
        </Trigger>
      </Style.Triggers>
    </Style>
  </StackPanel.Resources>
  <Rectangle Width="100" Height="100"
              Margin="5" Style="{StaticResource styleWithTrigger}">
    <Rectangle.Fill>
      <MultiBinding Converter="{StaticResource MouseOverToBackgroundConverter}">
        <Binding RelativeSource="{RelativeSource Self}" Path="IsMouseOver" Mode="OneWay" />
        <Binding ElementName="theOtherRect" Path="IsMouseOver" Mode="OneWay" />
      </MultiBinding>
    </Rectangle.Fill>
  </Rectangle>
  <Rectangle x:Name="theOtherRect"
              Width="100" Height="100"
              Margin="5" Style="{StaticResource styleWithTrigger}" />
</StackPanel>

转换器

public class MouseOverToBackgroundConverter : IMultiValueConverter
{
  public Brush NormalBackground { get; set; }
  public Brush SelfMouseOverBackground { get; set; }
  public Brush MouseOverBackground { get; set; }

  public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
  {
    if (values[0] is bool && values[1] is bool) {
      var selfIsMouseOver = (bool)values[0];
      var otherIsMouseOver = (bool)values[1];
      if (selfIsMouseOver) {
        return this.SelfMouseOverBackground;
      }
      return otherIsMouseOver ? this.MouseOverBackground : this.NormalBackground;
    }
    return this.NormalBackground;
  }

  public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
  {
    return targetTypes.Select(t => DependencyProperty.UnsetValue).ToArray();
  }
}