将相同的样式应用于多个元素

时间:2013-08-12 09:06:23

标签: wpf xaml styles

我是使用WPF的新手,我尝试应用Style(例如TextBox的背景,ButtonMenuItem应为橙色。为了达到这个目的,我做了类似的事情:

<Style TargetType="TextBox" x:Key="sampleTextBox">
    <Setter Property="Margin" Value="2"/>
    <Setter Property="FontFamily" Value="Verdana"/>
    <Setter Property="FontSize" Value="11px"/>
    <Setter Property="FontWeight" Value="Bold"/>
    <Setter Property="Background">
        <Setter.Value>
            <LinearGradientBrush StartPoint="0,0" EndPoint="0,1" >
                <GradientStop Color="#FFFFD190" Offset="0.2"/>
                <GradientStop Color="Orange" Offset="0.85"/>
                <GradientStop Color="#FFFFD190" Offset="1"/>
            </LinearGradientBrush>
        </Setter.Value>
    </Setter>
</Style>

并重复了targettype Button和目标菜单的相同代码。 这工作绝对正常。但我希望通过可能具有多个targettype值来最小化重复代码的数量。

如果有可能请告诉我。

感谢。

3 个答案:

答案 0 :(得分:6)

  <Window.Resources>
    <Style x:Key="sampleTextBox">
        <Setter Property="Control.FontFamily" Value="Verdana"/>
        <Setter Property="Control.FontSize" Value="11px"/>
        <Setter Property="Control.FontWeight" Value="Bold"/>
        <Setter Property="Control.Background">
            <Setter.Value>
                <LinearGradientBrush StartPoint="0,0" EndPoint="0,1" >
                    <GradientStop Color="#FFFFD190" Offset="0.2"/>
                    <GradientStop Color="Orange" Offset="0.85"/>
                    <GradientStop Color="#FFFFD190" Offset="1"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>

<StackPanel>
    <TextBlock Text="This is a string and it should be wrapped." Style="{StaticResource sampleTextBox}"/>
    <TextBox Text="This is a string and it should be wrapped." Style="{StaticResource sampleTextBox}"/>
</StackPanel>

答案 1 :(得分:2)

您可以将FrameworkElement用作TargetType

<Style TargetType="FrameworkElement" x:Key="CommonStyle">
    <Setter Property="Control.Background">
        <Setter.Value>
            <LinearGradientBrush StartPoint="0,0" EndPoint="0,1" >
                <GradientStop Color="#FFFFD190" Offset="0.2"/>
                <GradientStop Color="Orange" Offset="0.85"/>
                <GradientStop Color="#FFFFD190" Offset="1"/>
            </LinearGradientBrush>
        </Setter.Value>
    </Setter>
</Style>

然后按inheriting (BasedOn) CommonStyle

为每个元素使用特定样式
<Style TergetType="TextBox" BasedOn="{StaticResource CommonStyle}" x:Key="TextBoxStyle">
     <Setter Property="Margin" Value="2"/>
     <Setter Property="FontFamily" Value="Verdana"/>
     <Setter Property="FontSize" Value="11px"/>
     <Setter Property="FontWeight" Value="Bold"/>
</Style>

答案 2 :(得分:2)

Style具有 BasedOn 属性。 http://msdn.microsoft.com/en-us/library/system.windows.style.basedon.aspx这样你可以使用Style继承。使用公共属性定义基本样式,并使用特定属性派生您的子样式。