控件style属性

陈先生☁

已于 2023-03-29 15:19:19 修改

阅读量204

点赞数 1

分类专栏： WPF 文章标签： wpf

于 2022-12-11 14:59:36 首次发布

本文链接：https://blog.csdn.net/qq_45057298/article/details/128274721

版权

WPF 专栏收录该内容

25 篇文章 1 订阅

订阅专栏

style用于定义同样属性的控件时使用，对所有控件的属性进行统一管理，方便使用

基础用法：

 <Window.Resources>
        <Style TargetType="Button" x:Key="button1"  >
            <Setter Property="FontSize" Value="18"/>
            <Setter  Property="Foreground" Value="White"/>
            <Setter Property="Background" Value="Blue"/>
            <Setter Property="Content" Value="Button1"/>
        </Style>
    </Window.Resources>
        
        <StackPanel>
            <Button Style="{StaticResource button1}" />
            <Button Style="{StaticResource button1}"/>
            <Button Style="{StaticResource button1}"/>
            <Button Style="{StaticResource button1}" />
            <Button Style="{StaticResource button1}" />
        </StackPanel>

进阶用法：通过BasedOn继承祖类

<Window.Resources>
        <Style TargetType="Button" x:Key="BaseButton"  >
            <Setter Property="FontSize" Value="18"/>
            <Setter  Property="Foreground" Value="White"/>
            <Setter Property="Background" Value="Blue"/>
        </Style>
        <Style TargetType="Button" x:Key="button1" BasedOn="{StaticResource BaseButton}"  >
           
            <Setter Property="Content" Value="Button1"/>
        </Style>
    </Window.Resources>
        
        <StackPanel>
            <Button Style="{StaticResource button1}" />
            <Button Style="{StaticResource button1}"/>
            <Button Style="{StaticResource button1}"/>
            <Button Style="{StaticResource button1}" />
            <Button Style="{StaticResource button1}" />
        </StackPanel>

注意：使用这种方法控制控件属性时，也可以在控件内再次调用属性进行定义，但控件自身内的属性优先级最高

<Window.Resources>
        <Style TargetType="Button" x:Key="BaseButton"  >
            <Setter Property="FontSize" Value="18"/>
            <Setter  Property="Foreground" Value="White"/>
            <Setter Property="Background" Value="Blue"/>
        </Style>
        <Style TargetType="Button" x:Key="button1" BasedOn="{StaticResource BaseButton}"  >
           
            <Setter Property="Content" Value="Button1"/>
        </Style>
    </Window.Resources>
        
        <StackPanel>
            <Button FontSize="40" Style="{StaticResource button1}" />
            <Button Style="{StaticResource button1}"/>
            <Button Style="{StaticResource button1}"/>
            <Button Style="{StaticResource button1}" />
            <Button Style="{StaticResource button1}" />
        </StackPanel>

效果：