WPF（样式）

设置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中同类型事件设置了多个，会根据顺序依次触发

posted @ 2022-04-12 22:46  Bridgebug  阅读(43)  评论(0)  编辑  收藏  举报