IsPressed 触发器不起作用

Question

样式在资源中：

<Style x:Key="RoundCornerSmart" TargetType="{x:Type vk:SmartButton}">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type vk:SmartButton}">
                            <Border CornerRadius="8" BorderBrush="#006AB6" BorderThickness="1" Name="border" Background="{TemplateBinding Background}">
                                <Grid x:Name="grid" >
                                    <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"></ContentPresenter>
                                </Grid>
                            </Border>
                            <ControlTemplate.Triggers>

                                <Trigger Property="IsPressed" Value="True">
                                    <Setter Property="Background" TargetName="border">
                                        <Setter.Value>
                                            LightGray
                                        </Setter.Value>
                                    </Setter>
                                </Trigger>

                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>

                <Setter Property="Command" Value="{Binding KeyCommand}" />
                <Setter Property="FontSize" Value="8"/>
                <Setter Property="Height" Value="52"/>
                <Setter Property="Width" Value="52"/>
                <Setter Property="Margin" Value="10"></Setter>
                <Setter Property="Foreground" Value="Black"></Setter>
                <Setter Property="Background" Value="White"></Setter>
                <Setter Property="BorderBrush" Value="Black"></Setter>
            </Style>

我有一个名为 SmartButton 的类，它扩展了 Button 类。

<vk:SmartButton Content="Some content" Grid.Column="3" Style="{DynamicResource RoundCornerSmart}" />

对于这个按钮，当我按下它时，背景保持不变（白色），我需要它是浅灰色。我做错了什么？

Answer 1

样式 RoundCorner 设置为类型 {x:Type Button}。现在如果你想将它应用到另一个对象，比如 vk:SmartButton 你需要创建新的样式，适合那个类型。

TargetType={x:Type vk:SmartButton}

Answer 2

你应该收到了一封XamlParseException，上面写着：

'设置属性'System.Windows.FrameworkElement.Style'抛出异常。'行号“154”和行位置“44”。

如果您查看Exception 的详细信息并查看内部Exception，您会看到如下内容：

'Button'TargetType 与元素类型'SmartButton'不匹配。

原因很清楚...当您打算为其提供新的ControlTemplate 时，您不能将一种类型的Style 应用于另一种类型的实例尤其是。为了在您的自定义Button 上使用您的Style，您需要复制它并将Style.TargetType 属性设置为：

<Style x:Key="SmartRoundCorner" TargetType="{x:Type YourPrefix:SmartButton}">
    ...
</Style>

还值得指出的是，您可能根本不需要扩展 Button 类，因为 WPF 提供了许多其他方法来自定义标准 Button。