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

I am new to using WPF and I was trying to apply Style (e.g. Background for TextBox, Button and MenuItem should be Orange). To achieve this I did something like:

我是使用WPF的新手,我试图应用Style(例如TextBox的背景,Button和MenuItem应该是橙色)。为此,我做了类似的事情:

<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>

and repeated the same piece of code for targettype Button and for target menu. This is working absolutely fine. But I would like to minimize the amount of repeated code by probably having multiple targettype values.

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

Please let me know if it is possible.

如果有可能请告诉我。

Thanks.

3 个解决方案

#1

  <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>

#2

Style has an attribute BasedOn. http://msdn.microsoft.com/en-us/library/system.windows.style.basedon.aspx With this you can use Style inheritance. Define a base style with common attributes and derive your child styles with specific attributes.

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

#3

You could use FrameworkElement as a TargetType:

您可以使用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>

And then use specific styles for each element by inheriting (BasedOn) CommonStyle:

然后通过继承(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>