WPF-样式Style

MaybeHC

发布于 2024-04-23 18:20:07

510

发布于 2024-04-23 18:20:07

文章被收录于专栏：技术之路

Style

若我们要给多个控件设置多个相同的属性时，这时一个一个设置会显得很麻烦，这时使用Style给多个控件设置就显得很简便。如果我要给一个button设置字体大小，字体等内容需要做如下设置

    <Window.Resources>
        <sys:Double x:Key="ButtonFontSize">18</sys:Double>
        <FontWeight x:Key="ButtonFontWeight">Bold</FontWeight>
        <FontFamily x:Key="ButtonFontFamily">Times New Roman</FontFamily>
    </Window.Resources>
<Button Margin="5" 
                FontWeight="{StaticResource ButtonFontWeight}" 
                FontSize="{StaticResource ButtonFontSize}" 
                FontFamily="{StaticResource ButtonFontFamily }">A Customized button</Button>

如果我要给另一个按钮设置相同属性时则需要复制这三条属性，如果有更多则每次都需要复制这三条。当出现更改时则需要更改每个button的属性。

 <Window.Resources>
        <sys:Double x:Key="ButtonFontSize">18</sys:Double>
        <FontWeight x:Key="ButtonFontWeight">Bold</FontWeight>
        <FontFamily x:Key="ButtonFontFamily">Times New Roman</FontFamily>
    </Window.Resources>
<Button Margin="5" 
                FontWeight="{StaticResource ButtonFontWeight}" 
                FontSize="{StaticResource ButtonFontSize}" 
                FontFamily="{StaticResource ButtonFontFamily }">A Customized button</Button>
<Button Margin="5" 
                FontWeight="{StaticResource ButtonFontWeight}" 
                FontSize="{StaticResource ButtonFontSize}" 
                FontFamily="{StaticResource ButtonFontFamily }">button</Button>

现在我使用Style

<Window.Resources>
        <Style x:Key="BigFontButtonStyle">
            <Setter Property="Control.FontFamily" Value="Times New Roman"></Setter>
            <Setter Property="Control.FontSize" Value="18"></Setter>
            <Setter Property="Control.FontWeight" Value="Bold"></Setter>
            <Setter Property="Control.Background">
                <Setter.Value>
                    <ImageBrush TileMode="Tile" ViewportUnits="Absolute" Viewport="0 0 32 32" Opacity="0.3" ImageSource="01cd6a5935737da8012193a3f0a784.jpg"/>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>
<Button Margin="5" Style="{StaticResource BigFontButtonStyle}">Another Cystomized button</Button>

在Window.Resources设置好资源后，只用在button后加Style="{StaticResource BigFontButtonStyle}"便可以使用设置好的属性。

TargetType=""属性可以指定要使用该样式的控件类型，若该类型控件有不需要使用该Style的控件添加Style="{x:Null}"可不使用该样式。也可以给样式中添加事件例如<EventSetter Event="TextBlock.MouseEnter" Handler="element_MouseEnter"></EventSetter>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2024-04-23，如有侵权请联系 cloudcommunity@tencent.com 删除

事件