为什么在设置样式属性时无法覆盖控件中的属性?

时间:2014-05-22 10:55:45

标签: wpf xaml windows-phone-7 windows-phone-8 windows-phone

我创建了自定义TextBlock控件:

[ContentProperty("Text")]
[TemplatePart(Name = TextBlockName, Type = typeof(TextBlock))]
public class CustomTextBlock : Control
{
    #region Constraints

    private const string TextBlockName = "Container";

    #endregion

    #region Private Fields

    private TextBlock _tbValue;

    #endregion

    #region TextProperty Depenancy Property

    public static readonly DependencyProperty TextProperty = DependencyProperty.Register(
        "Text",
        typeof(string),
        typeof(CustomTextBlock),
        new PropertyMetadata(null, TextChangedCallback));

    public string Text
    {
        get { return (string)GetValue(TextProperty); }
        set { SetValue(TextProperty, value); }
    }

    private static void TextChangedCallback(DependencyObject dependencyObject, DependencyPropertyChangedEventArgs e)
    {
        var control = (CustomTextBlock)dependencyObject;
        control.UpdateText();
    }

    #endregion

    #region TextWrapping Dependency Property

    public static readonly DependencyProperty TextWrappingProperty = DependencyProperty.Register(
        "TextWrapping",
        typeof(TextWrapping),
        typeof(CustomTextBlock), null);


    public TextWrapping TextWrapping
    {
        get { return (TextWrapping)GetValue(TextWrappingProperty); }
        set { SetValue(TextWrappingProperty, value); }
    }

    #endregion

    public static readonly DependencyProperty TextStyleProperty =
   DependencyProperty.Register("TextStyle", typeof(Style), typeof(CustomTextBlock), new PropertyMetadata(null));

    public Style TextStyle
    {
        get { return (Style)GetValue(TextStyleProperty); }
        set { SetValue(TextStyleProperty, value); }
    }

    #region TextAlignment Dependency Property

    public static readonly DependencyProperty TextAlignmentProperty = DependencyProperty.Register(
        "TextAlignment",
        typeof(TextAlignment),
        typeof(CustomTextBlock),
        null);


    public TextAlignment TextAlignment
    {
        get { return (TextAlignment)GetValue(TextAlignmentProperty); }
        set { SetValue(TextAlignmentProperty, value); }
    }

    #endregion

    #region Constructor

    public CustomTextBlock()
    {
        DefaultStyleKey = typeof(CustomTextBlock);
    }

    #endregion

    #region Methods

    public override void OnApplyTemplate()
    {
        base.OnApplyTemplate();
        _tbValue = GetTemplateChild(TextBlockName) as TextBlock;
        UpdateText();
        UpdateTextStyle();
    }

    private void UpdateTextStyle()
    {
        if (_tbValue != null && TextStyle != null)
            _tbValue.Style = TextStyle;
    }

    private void UpdateText()
    {
        if (this._tbValue != null)
        {
            this._tbValue.Inlines.Clear();
            if (!String.IsNullOrEmpty(this.Text))
            {
                // some stuff
            }
        }
    }

    #endregion
} 

模板如下:

<Style  TargetType="customControls:CustomTextBlock" >
    <Setter Property="Foreground" Value="{StaticResource DefaultFontBrush}"/>
    <Setter Property="FontSize" Value="30"/>
    <Setter Property="FontFamily" Value="{StaticResource DefaultFont}"/>
    <Setter Property="TextWrapping" Value="NoWrap"/>
    <Setter Property="TextAlignment" Value="Left"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="customControls:CustomTextBlock">
                <TextBlock Name="Container"
                           TextWrapping="{TemplateBinding TextWrapping}"
                           TextAlignment="{TemplateBinding TextAlignment}"/>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

一切都很好但是当我尝试使用TextStyle和其他属性时会出现问题。 我的期望是这个特殊的属性覆盖了TextStyle中的属性,但它们没有。

 <control:CustomTextBlock 
               TextStyle="{StaticResource StyleWithYellowForeground}"
                Foreground="Red"
                FontSize="20"
                Text="Sample text"
                />

Style&#34; StyleWithYellowForeground&#34;有一些setter但它有Foreground设置为黄色。在我的声明中,我将前景设置为红色,因为我想覆盖&#34;前景&#34;这种风格,但它没有工作(它仍然有黄色的前景)。

你知道如何解决这个问题吗?


我的观点是要实现一些声明样式的优先级(从最重要的样式覆盖其他样式):

1)在控制声明中设置的内联属性 2)在控件声明中设置的TextStyle属性 3)以默认控件样式设置的Defaut属性

1 个答案:

答案 0 :(得分:1)

问题是设置TextStyle会更改TextBlock本身的样式,因此TextBlock本身将Foreground设置为Yellow。更改整个控件的前景不会影响它,因为它只是TextBlock的容器。控件的样式会覆盖其容器中的值。要更改Foreground,您需要更改实际TextBlock的Foreground属性。

你想要达到什么目的?也许它可以以某种方式简化...你可能能够使整个控件的前景覆盖TextBlock的前景,但这似乎不是一个好主意。

修改

以下是解决此问题的两种方法:

  • 添加属性ForegroundOverride,一旦设置为某个属性,设置TextBlock的Foreground属性,该属性将覆盖Style的值。如果未设置,将使用样式中的值。

  • 像这样设置TextStyle:

    <local:CustomTextBlock.TextStyle>
        <Style TargetType="TextBlock" BasedOn="{StaticResource StyleWithYellowForeground}">
            <Setter Property="Foreground" Value="Red" />
        </Style>
    </local:CustomTextBlock.TextStyle>
    

    这样,您可以重用所需的样式,并覆盖所需的属性。它不像简单地设置前景那么酷,但它会正常工作。

修改2

也许您可以尝试使用默认的TextBlock(其中所有样式和内联属性都可以使用),并使用附加/混合行为来实现您想要的效果?以下是有关它们的一些信息:http://www.jayway.com/2013/03/20/behaviors-in-wpf-introduction/