切换按钮为单选按钮样式

Question

我想将多个切换按钮组合在一起，并让它们充当单选按钮。所以我所做的就是在我的 xaml 中添加单选按钮并创建以下样式：

<Style BasedOn="{StaticResource {x:Type ToggleButton}}" TargetType="RadioButton">
  <Setter Property="FontFamily" Value="Arial"/>
  <Setter Property="FontSize" Value="12"/>
  <Setter Property="Foreground" Value="White"/>
  <Style.Triggers>
    <Trigger Property="IsChecked" Value="True">
      <Setter Property="Background" Value="Red"/>
    </Trigger>
  </Style.Triggers>
</Style>

现在单选按钮看起来像切换按钮，并且应用了样式的字体和前景属性，但是如果我单击其中一个切换按钮，背景不会变为红色。如果我根据 IsChecked 更改前景，它可以工作，但是当 IsChecked 为 true 时，我无法更改背景。

有什么想法吗？

更新：

似乎默认的 ToggleButton 样式不使用 Background 属性。我现在使用下面的代码来解决我的问题。如果有人发现以下内容有任何问题，请告诉我。

<DataTemplate x:Key="RedBackground">
      <Grid Background="Red">
        <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" TextAlignment="Center" Text="{Binding}"/>
      </Grid>
    </DataTemplate>

    <Style TargetType="ToggleButton">
      <Style.Triggers>
        <Trigger Property="IsChecked" Value="True">
          <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
          <Setter Property="VerticalContentAlignment" Value="Stretch"/>
          <Setter Property="ContentTemplate" Value="{StaticResource RedBackground}"/>
        </Trigger>
      </Style.Triggers>
    </Style>

Answer 1

除非“由用户”设置，否则您所基于的样式是否完全使用 Background 属性？也就是说，您是否可以使用切换按钮的样式并明确将背景设置为红色以获得所需的效果？

样式中的触发器看起来不错，但是某些样式忽略了诸如背景等属性以进行主题渲染，因此在触发器中设置这些属性不会执行任何操作。

另一个可能的原因是dependency property value precedence 的概念 - 当“本地”设置值时，该值会覆盖样式中给出的值（即使通过触发器设置）。因此，如果您的<RadioButton> 标签设置了背景，则触发器不会执行任何操作。