WPF

Question

我遇到了以下问题，需要一些帮助。

（代码经过简化以显示我遇到的问题）

我有一个带有内容模板和样式的重复按钮：

<UserControl x:Class="SR.Testing.MyUserControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             mc:Ignorable="d"
             d:DesignHeight="450" d:DesignWidth="800">


  <Grid>
    <Grid.RowDefinitions>
      <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
      <ColumnDefinition Width="Auto" />
    </Grid.ColumnDefinitions>

    <Border x:Name="Border" SnapsToDevicePixels="True">
      <StackPanel>
        <RepeatButton x:Name="IncreaseButton" ContentTemplate="{StaticResource ArrowUpNormal}" Style="{StaticResource IncreaseRepeatButtonStyle}" Click="IncreaseClick" />
      </StackPanel>
    </Border>
  </Grid>
</UserControl>

这是数据模板和样式：

  <Geometry x:Key="UpArrowGeometry">M0,5 L4.5,.5 9,5 6,5 4.5,3.5 3,5 z</Geometry>

  <DataTemplate x:Key="ArrowUpNormal">
    <Path Width="18"
          Height="10"
          Stretch="Fill"
          Data="{StaticResource UpArrowGeometry}"
          Fill="DarkOrange"
          SnapsToDevicePixels="True"
          HorizontalAlignment="Center"
          VerticalAlignment="Center"
          Focusable="False" />
  </DataTemplate>

  <DataTemplate x:Key="ArrowUpDisabled">
    <Path Width="18"
          Height="10"
          Stretch="Fill"
          Data="{StaticResource UpArrowGeometry}"
          Fill="Green"
          SnapsToDevicePixels="True"
          HorizontalAlignment="Center"
          VerticalAlignment="Center"
          Focusable="False" />
  </DataTemplate>

  <Style x:Key="IncreaseRepeatButtonStyle" TargetType="{x:Type RepeatButton}">
    <Setter Property="BorderThickness" Value="0" />
    <Setter Property="Background" Value="Transparent" />
    <Setter Property="Height" Value="40" />

    <Style.Triggers>
      <Trigger Property="IsEnabled" Value="False">
        <Setter Property="ContentTemplate" Value="{StaticResource ArrowUpDisabled}" />
      </Trigger>
    </Style.Triggers>
  </Style>

启动应用程序后，重复按钮看起来符合预期（深橙色）：

但是，当我使用 "IncreaseButton.IsEnabled = false;"

禁用 RepeatButton（通过代码隐藏）时

我希望我的样式触发器将箭头变为绿色：

但是我得到了这个（箭头保持橙色并且背景变成 white/gray）：

是什么导致了这种行为，我该如何解决？谢谢！

Answer 1

背景变为 white/gray 因为在基本样式中定义了一个 ControlTemplate 触发器。要删除它，您需要覆盖基本样式。但随后您需要创建一个新模板。

<Setter Property="OverridesDefaultStyle" Value="True"/>
<Setter Property="Template">
    <Setter.Value>
        <!--  Template  -->
    </Setter.Value>
</Setter>

Link to the base style with template

而箭头保持橙色的原因是您直接在按钮上设置了模板。这会覆盖样式中的属性以及触发器。要解决此问题，只需添加（并删除按钮上的属性）

<Setter Property="ContentTemplate" Value="{StaticResource ArrowUpNormal" />

适合你的风格。

WPF - 在 RepeatButton 的 DataTrigger 中更改 ContentTemplate

WPF - Change ContentTemplate in DataTrigger of RepeatButton

.net

c#

styling

repeatbutton