WPF样式

最新推荐文章于 2024-02-19 16:53:08 发布

成都fly

最新推荐文章于 2024-02-19 16:53:08 发布

阅读量421

点赞数

分类专栏： (C#系列)wpf-mvvm

本文链接：https://blog.csdn.net/ceasadan/article/details/61201083

版权

(C#系列)wpf-mvvm 专栏收录该内容

11 篇文章 3 订阅

订阅专栏

1.样式style的定义与使用

1.1定义某种控件的style

 <Window.Resources>
        <!--定义样式-->
        <Style TargetType="Button" x:Key="btnstyle">
            <Setter Property="FontFamily" Value="Times New Roman" />
            <Setter Property="FontSize" Value="18" />
            <Setter Property="FontWeight" Value="Bold" />
        </Style>
    </Window.Resources>
    <StackPanel Margin="5">
        <Button Padding="5" Margin="5" Style="{StaticResource  btnstyle}">自定义按钮</Button>
      
        <Button Padding="5" Margin="5" >普通按钮</Button>
    </StackPanel>

1.2定义适用与大部分控件的style

    <Window.Resources>
        <!--定义样式-->
        <Style  x:Key="ControlStyle">
            <Style.Setters>
                <Setter Property="Control.FontFamily" Value="Times New Roman" />
                <Setter Property="Control.FontSize" Value="18" />
                <Setter Property="Control.FontWeight" Value="Bold" />
            </Style.Setters>
            
        </Style>
    </Window.Resources>
    <StackPanel Margin="5">
        <Button Padding="5" Margin="5" Style="{StaticResource ControlStyle}">自定义按钮</Button>
        <Button Padding="5" Margin="5" >普通按钮</Button>
        <TextBlock Padding="5" Margin="5" Style="{StaticResource ControlStyle}" Text="TextBlock"></TextBlock>
        <Label Padding="5" Margin="5" Style="{StaticResource ControlStyle}" Content="Lable"></Label>
    </StackPanel>

2.样式触发器

<Window.Resources>
        <!--定义样式-->
        <Style  x:Key="ControlStyle">
            <Style.Setters>
                <Setter Property="Control.FontFamily" Value="Times New Roman" />
                <Setter Property="Control.FontSize" Value="18" />
                <Setter Property="Control.FontWeight" Value="Bold" />
            </Style.Setters>
            <Style.Triggers>
                <!-- 聚焦获取焦点时-->
                <Trigger Property="Control.IsFocused" Value="true">
                    <Setter Property="Control.Foreground" Value="Blue">
                    </Setter>
                </Trigger>
                <!--按钮被按下时-->
                <Trigger Property="Button.IsPressed" Value="true">
                    <Setter Property="Control.Foreground" Value="Yellow"></Setter>
                </Trigger>
                <!--鼠标划过时-->
                <Trigger Property="Control.IsMouseOver" Value="true">
                    <Setter Property="Control.Foreground" Value="Red"></Setter>
                    <Setter Property="Control.FontWeight" Value="Bold"></Setter>
                    <Setter Property="Control.FontStyle" Value="Italic"></Setter>
                </Trigger>
            </Style.Triggers>
        </Style>
    </Window.Resources>
    <StackPanel Margin="5">
        <Button Padding="5" Margin="5" Style="{StaticResource ControlStyle}">自定义按钮</Button>
        <Button Padding="5" Margin="5" >普通按钮</Button>
        <TextBlock Padding="5" Margin="5" Style="{StaticResource ControlStyle}" Text="TextBlock"></TextBlock>
        <Label Padding="5" Margin="5" Style="{StaticResource ControlStyle}" Content="Lable"></Label>
    </StackPanel>