WPF-样式Style

2024-04-23 18:20:07 浏览数 (2)

Style

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

代码语言:javascript复制
    <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的属性。

代码语言:javascript复制
 <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

代码语言:javascript复制
<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>

0 人点赞