繁体   English   中英

将WPF样式应用于UserControl中的边框

[英]Apply a WPF style to a Border within a UserControl

我有一个非常简单的UserControl,它只包含一个Border元素中包含的TextBlock。

有没有办法从包含窗口将样式应用于UserControl中的TextBlock。

我知道我可以用...创建一个风格

<Style TargetType='TextBlock'>

但这适用于我窗口中的所有TextBlocks,而不仅仅是我的UserControl中的TextBlocks

所以我希望能够说出类似......

<Style TargetType='MyUserControl.TextBlock'>

谢谢,

丰富。

PS。 这是我正在尝试做的简化示例!

附加说明

当我今天晚上开车回家的时候,我的脑子里响起了,我想到了一个可能的解决方案......那就是创建一个TextBlock控件的基本子类,并将其命名为MyTextBlock ..所以只需要一个定义喜欢

public class MyTextBlock : TextBlock { }

然后,在usercontrol中,使用“MyTextBlock”而不是“TextBlock”。 这将允许我将样式应用于“MyTextBlock”类型。 答对了 !!!

也许这不是最简单的方法,但它的代码非常少,而且很有效。

但是,由于我对WPF还不熟悉,所以我对一种更为标准的实现方式感兴趣。

如果要将Style应用于MyUserControl内的所有TextBlocks这是一个选项

<Style TargetType="{x:Type my:MyUserControl}">
    <Style.Resources>
        <Style TargetType="TextBlock">
            <Setter Property="Foreground" Value="Blue"/>
        </Style>
    </Style.Resources>
</Style>

如果你想为MyUserControl添加另一个Style ,你只需要将它基于默认的Style

<Style x:Key="myStyle" TargetType="{x:Type my:MyUserControl}"
       BasedOn="{StaticResource {x:Type my:MyUserControl}}">
    <!-- ... -->
</Style>

否则,如果您希望能够为MyUserControl中的某些控件设置Style ,则可以使用DependencyProperties。 对于TextBlock您可以使用名为TextBlockStyle的样式。 TextBlock将绑定到此Style ,您可以从窗口(或使用它的任何位置)设置Style 这也可以在框架中的某些控件中看到,例如工具箱中的AutoCompleteBox

<toolkit:AutoCompleteBox>
    <toolkit:AutoCompleteBox.TextBoxStyle>
        <Style TargetType="TextBox">
            <Setter Property="MaxLength" Value="10"/>
        </Style>
    </toolkit:AutoCompleteBox.TextBoxStyle>
</toolkit:AutoCompleteBox> 

MyUserControl.xaml

<Border BorderThickness="1">
    <TextBlock Style="{Binding RelativeSource={RelativeSource AncestorType={x:Type UserControl}},
                               Path=TextBlockStyle}"
               Text="Test"/>
</Border>

MyUserControl.xaml.cs

public partial class MyUserControl : UserControl
{
    public static DependencyProperty TextBlockStyleProperty =
        DependencyProperty.Register("TextBlockStyle",
                                    typeof(Style),
                                    typeof(MyUserControl));
    public MyUserControl()
    {
        InitializeComponent();
    }

    public Style TextBlockStyle
    {
        get { return (Style)GetValue(TextBlockStyleProperty); }
        set { SetValue(TextBlockStyleProperty, value); }
    }
}

然后在例如标记中声明实例时设置Style

<my:MyUserControl>
    <my:MyUserControl.TextBlockStyle>
        <Style TargetType="TextBlock">
            <Setter Property="Foreground" Value="Green"/>
        </Style>
    </my:MyUserControl.TextBlockStyle>
</my:MyUserControl>

更新

要在资源级别设置此项,您可以在窗口资源或App.xaml中为MyUserControl添加默认样式,例如

<Window.Resources>
    <Style TargetType="{x:Type my:MyUserControl}">
        <Setter Property="TextBlockStyle">
            <Setter.Value>
                <Style TargetType="TextBlock">
                    <Setter Property="Foreground" Value="Green"/>
                </Style>
            </Setter.Value>                
        </Setter>
    </Style>
</Window.Resources>

你可以改变一些事情。

首先,您可以将样式与资源键一起使用。 所以你会写:

<Style x:Key="myTextStyle" TargetType="{x:Type TextBlock">

然后,为了使TextBox应用此样式,需要指定:

<TextBlock Style="{StaticResource myTextStyle" />

如果您不想修改UserControl,并且只想将样式应用于将UserControl嵌套在其中的元素中,请记住,您可以在嵌套元素的资源字典中声明样式。 放置UserControl时,请考虑这样做:

<local:UserControl>
    <local:UserControl.Resources>
        <Style TargetType="{x:Type TextBlock}">
            ...
        </Style>
    </local:UserControl.Resources>
</local:UserControl>

我有两种方法可以做到这一点:

一个是在包含窗口的代码中通过显式设置样式

MyUserControl.TextBlockName.Style = FindResource("TextBlockStyle") as Style;

另一种方法是创建一个DependencyProperty来保存Textblock样式,并在更改DependencyProperty时在TextBlock元素上应用样式。

如果你的xaml中有这样的东西:

 <xmlns:local = "myCustonUserControl">

您可以将其用作样式定义:

 <Style TargetType="{x:Type local:MyUserControl}">

希望有所帮助!

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM