1

好的..这很奇怪..我已经定义了一个按钮，实际上是 5 个按钮，每个按钮都有不同的颜色，但是在鼠标悬停时，它们只是将颜色更改为冰蓝色....我试图覆盖它通过使用以下代码：

        <Button Name="btn1" Content="Button" Width="65" Height="45" Background="Green" Margin="1,1,0,1" FontWeight="Bold">
            <Button.Style>
                <Style>
                    <Style.Triggers>
                        <Trigger Property="Button.IsMouseOver" Value="True">
                            <Setter Property="Button.Background" Value="Yellow" />
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </Button.Style>
            <Button.LayoutTransform>
                <RotateTransform Angle="270"/>
            </Button.LayoutTransform>
        </Button>

但它仍然不起作用......我想要的是它应该保持它已经给出的背景颜色（每个按钮不同），所以问题是：我是否必须为每个按钮一次又一次地定义它（触发器不起作用，颜色变成冰蓝色）或者我可以在资源文件中使用通用值定义它，它要么停止颜色更改，要么只是将背景设置为现有属性编辑：为了清楚起见，我希望按钮停止在鼠标悬停时更改其颜色并保留我分配给它的任何颜色.....

4

1 回答 1

1

根据我链接的评论和 SO 帖子：那篇文章将样式应用于任何类型的东西Button，这就是为什么它适用于所有按钮（这不一定是坏事）。但要从那篇文章中删除的重点是，您需要修改的是ControlTemplate.

所以你会想做这样的事情：

    <Style x:Key="ButtonStyle1" TargetType="{x:Type Button}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Border x:Name="Chrome" BorderBrush="Black" BorderThickness="2" CornerRadius="2" Background="{TemplateBinding Property=Background}">
                        <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>

这并不完美，因为它失去了所有的交互性（即，你不能说你已经推动它，悬停在它上面或任何东西）。但它为您提供了一个很好的起点。

这里的关键点之一是 的Background属性Border绑定到TemplateParent Property=Background，这意味着它将读取它正在模板化的按钮的背景属性并使用它的背景颜色。这使您可以更轻松地使用单一样式来覆盖所有 5 个按钮。您可以（并且可能想要）对该BorderBrush物业做类似的事情。

还要注意我的风格有一个x:Key价值，所以为了使用它，你会这样做：

    <Button x:Name="btn1" Content="Button" Width="65" Height="45" Background="Green" Margin="1,1,0,1" FontWeight="Bold" Style="{DynamicResource ButtonStyle1}">
        <Button.LayoutTransform>
            <RotateTransform Angle="270"/>
        </Button.LayoutTransform>
    </Button>

您可以删除该x:Key属性，并且样式确实将应用于您声明资源的任何容器内的所有按钮。

于 2012-08-20T19:49:42.683 回答