WPF（样式）

最新推荐文章于 2025-11-03 13:19:15 发布

原创最新推荐文章于 2025-11-03 13:19:15 发布 · 526 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#wpf

WPF 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了如何在WPF中定义Button元素的外观和事件，包括直接在元素属性中设置和通过Style元素定义样式。当同时存在元素属性和Style设置时，元素将优先显示属性中定义的外观属性，而事件则会按顺序触发。对于样式，可以存储为资源以实现复用和安全定制控件外观。

设置Button元素的FontSize和Background属性，就可以定义WPF元素的外观，如Button元素所示：

<Button Content="Button" Width="75" Canvas.Left="350" Canvas.Top="148" Background="Pink" 
        Foreground="White" FontSize="15" Click="Button_Click"/>

除了定义每个元素的外观之外，还可以定义用资源存储的样式。为了安全定制控件的外观，可以使用模板。

控件的Style属性可以赋予包含Setter相关联的Style元素。Setter元素定义Property和Value属性，并给指定的属性设置一个值。

<Button Content="Button" Width="75" Canvas.Left="350" Canvas.Top="148">
    <Button.Style>
        <Style TargetType="Button">
            <Setter Property="Background" Value="Pink" />
            <Setter Property="Foreground" Value="White" />
            <Setter Property="FontSize" Value="15" />
            <EventSetter Event="Click" Handler="Button_Click" />
        </Style>
    </Button.Style>
</Button>

把Style设置为TargetType Button，以便可以直接访问Button属性。如果没有设置样式的TargetType，就必须通过 Button.Background这样的去访问属性。

<Button Content="Button" Width="75" Canvas.Left="350" Canvas.Top="148">
    <Button.Style>
        <Style>
            <Setter Property="Button.Background" Value="Pink" />
            <Setter Property="Button.Foreground" Value="White" />
            <Setter Property="Button.FontSize" Value="15" />
            <EventSetter Event="Button.Click" Handler="Button_Click" />
        </Style>
    </Button.Style>
</Button>

上述的三中方式定义的元素样式是一样的效果。

若是以下列方式设置元素的样式，那元素是以哪个定义的属性来显示呢？？？
<Button Content="Button" Width="75" Canvas.Left="350" Canvas.Top="148" Background="Chocolate" 
        Foreground="Black" FontSize="12" Click="btn1_Click">
    <Button.Style>
        <Style TargetType="Button">
            <Setter Property="Background" Value="Pink" />
            <Setter Property="Foreground" Value="White" />
            <Setter Property="FontSize" Value="15" />
            <EventSetter Event="Click" Handler="Button_Click" />
        </Style>
    </Button.Style>
</Button>
WPF中元素样式优选选择明确设置的值，所以这里的 Background="Chocolate" Foreground="Black" FontSize="12"，若没有明确设置，会使用Style中最后设置的值
但是对于事件，它都会触发，优选触发明确设置的事件，所以这里的Click事件触发顺序为：btn1_Click，Button_Click
若Style中同类型事件设置了多个，会根据顺序依次触发