WPF中的Style样式设置

1、使用Style设置控件的某些属性,并在指定的范围内起作用:
下面是样式定义:

<Window.Resources>
    <Style TargetType="Button">
        <Setter Property="Foreground" Value="Blue"/>
        <Setter Property="FontSize" Value="25"/>
        <Setter Property="FontWeight" Value="Heavy"/>
    </Style>
</Window.Resources>

该样式的定义是作为一种资源被保存下来,对整个窗体中的所有Button起作用:

<Window x:Class="StyleDemo.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:local="clr-namespace:StyleDemo"
    mc:Ignorable="d"
    Title="MainWindow" Height="350" Width="525">
<Window.Resources>
    <Style TargetType="Button">
        <Setter Property="Foreground" Value="Blue"/>
        <Setter Property="FontSize" Value="25"/>
        <Setter Property="FontWeight" Value="Heavy"/>
    </Style>
</Window.Resources>
<Grid>
    <Grid.RowDefinitions>
        <RowDefinition></RowDefinition>
        <RowDefinition></RowDefinition>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition></ColumnDefinition>
        <ColumnDefinition></ColumnDefinition>
        <ColumnDefinition></ColumnDefinition>
    </Grid.ColumnDefinitions>
    <Button Grid.Row="0" Grid.Column="0" Content="button1" Margin="5"/>
    <Button Grid.Row="0" Grid.Column="1" Content="button2" Margin="5"/>
</Grid>
</Window>	

2、定义一种Style样式只对指定的Button对象起作用,为Style添加一个x:Key=“ButtonStyle”
样式定义:

<Window.Resources>
    <Style TargetType="Button" x:Key="ButtonStyle">
        <Setter Property="Foreground" Value="Blue"/>
        <Setter Property="FontSize" Value="25"/>
        <Setter Property="FontWeight" Value="Heavy"/>
    </Style>
</Window.Resources>

此种定义方式,通过ButtonStyle只对指定的控件设置样式

<Window x:Class="StyleDemo.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:local="clr-namespace:StyleDemo"
    mc:Ignorable="d"
    Title="MainWindow" Height="350" Width="525">
<Window.Resources>
    <Style TargetType="Button" x:Key="ButtonStyle">
        <Setter Property="Foreground" Value="Blue"/>
        <Setter Property="FontSize" Value="25"/>
        <Setter Property="FontWeight" Value="Heavy"/>
    </Style>
</Window.Resources>
<Grid>
    <Grid.RowDefinitions>
        <RowDefinition></RowDefinition>
        <RowDefinition></RowDefinition>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition></ColumnDefinition>
        <ColumnDefinition></ColumnDefinition>
        <ColumnDefinition></ColumnDefinition>
    </Grid.ColumnDefinitions>
    <Button Grid.Row="0" Grid.Column="0" Content="button1" Margin="5"/>
    <Button Style="{StaticResource ButtonStyle}" Grid.Row="0" Grid.Column="1" Content="button2" Margin="5"/>
</Grid>
</Window>	

3、定义一种Style可以对外界的交互做出响应,比如鼠标按下时字体颜色变化,释放鼠标颜色恢复。通过在Style中添加触发器Trigger设置;另外可以使用BaseOn“继承”其它的Style;
参考代码:

<Window.Resources>
    <Style TargetType="Button" x:Key="ButtonStyle">
        <Setter Property="Foreground" Value="Blue"/>
        <Setter Property="FontSize" Value="25"/>
        <Setter Property="FontWeight" Value="Heavy"/>
    </Style>

    <Style TargetType="Button" x:Key="TriggerButton" BasedOn="{StaticResource ButtonStyle}">
        <Style.Triggers>
            <Trigger Property="IsPressed" Value="true">
                <Setter Property="Foreground" Value="Red"/>
            </Trigger>
        </Style.Triggers>
    </Style>
</Window.Resources>
  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值