Question

我想在WPF中为按钮创建一个样式，按钮的本质就像是显示背景图像，鼠标在它上面显示不同的背景图像。我为这个

创建了下面的xaml结构

 <Style x:Key="ShelfRefreshButton" TargetType="Button">
            <Setter Property="OverridesDefaultStyle" Value="True"/>
            <Setter Property="Width" Value="22"/>
            <Setter Property="Height" Value="21"/>    
            <Setter Property="Background">
                <Setter.Value>
                    <ImageBrush ImageSource="images\refresh_active.png" />
                </Setter.Value>
            </Setter>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Border Name="border" 
                            BorderThickness="0" 
                            Background="{TemplateBinding Background}">
                            <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Background" TargetName="border">
                                    <Setter.Value>
                                        <ImageBrush ImageSource="images\refresh_mouseover.png" />
                                    </Setter.Value>
                                </Setter>

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

我面临的问题是样式中的宽度和高度。我们怎样才能让它自动化？该按钮应根据图像大小调整大小。因此无需设置Width和Height硬编码值。在上面的xaml样式中，如果我删除宽度和高度属性按钮，我可以看到鼻子。如何解决这个问题？我需要对Style进行哪些更改？

Answer 1

使用ImageBrush有点棘手，我建议你创建新的Image元素，并控制它。将Image和ContentPresenter放入网格中。接下来，为Image命名，然后您可以控制它。之后，请确保将Image设置为NoResize并将Button Width＆amp; Height绑定到Image的ActualWidth＆amp;的ActualHeight。

WPF按钮自动尺寸风格与背景图像

1 个答案: