嵌入用户控件

时间:2015-09-25 06:25:26

标签: wpf xaml user-controls resourcedictionary attached-properties

我有一个资源需要使用不同的颜色,具体取决于它的使用位置,所以我使用这个附加属性:

public static class AssetProperties
{
    public static Brush GetFillBrush(DependencyObject obj)
    {
        return (Brush)obj.GetValue(FillBrushProperty);
    }

    public static void SetFillBrush(DependencyObject obj, Brush value)
    {
        obj.SetValue(FillBrushProperty, value);
    }

    public static readonly DependencyProperty FillBrushProperty =
        DependencyProperty.RegisterAttached("FillBrush",
        typeof(Brush),
        typeof(AssetProperties),
        new FrameworkPropertyMetadata(new BrushConverter().ConvertFrom("#FFE41300"), FrameworkPropertyMetadataOptions.Inherits));
}

我们定义符号并在窗口或用户控件中使用它(这当然是很简化的,资源例如在单独的文件中定义):

<Grid>
    <Grid.Resources>
        <ResourceDictionary>                
            <Rectangle x:Key="SomeColorfulSymbol" x:Shared="False" Width="10" Height="10" 
                    Fill="{Binding (main:AssetProperties.FillBrush), RelativeSource={RelativeSource Self}}" />
        </ResourceDictionary>
    </Grid.Resources>

    <ContentControl Content="{StaticResource SomeColorfulSymbol}" main:AssetProperties.FillBrush="Blue"/>     
</Grid>

按预期工作,出现一个漂亮的蓝色矩形。如果不设置附加属性,则矩形是FillBrush附加属性的默认红色。

问题是当我们尝试在这样定义的自定义用户控件中使用符号时:

OuterControl.xaml:

<UserControl x:Class="AttachedPropertyResourceTest.OuterControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
    <Grid>
        <StackPanel>
            <TextBlock Text="Some title"/>
            <ContentControl Content="{Binding InnerContent, RelativeSource={RelativeSource FindAncestor, AncestorType=UserControl}}"/>
        </StackPanel>
    </Grid>
</UserControl>

OuterControl.xaml.cs:

[ContentProperty("InnerContent")]
public partial class OuterControl
{
    public FrameworkElement InnerContent
    {
        get { return (FrameworkElement)GetValue(InnerContentProperty); }
        set { SetValue(InnerContentProperty, value); }
    }

    public static readonly DependencyProperty InnerContentProperty =
        DependencyProperty.Register("InnerContent", typeof(FrameworkElement), typeof(OuterControl), new FrameworkPropertyMetadata(null));

    public OuterControl()
    {
        InitializeComponent();
    }
}

现在,如果我将ContentControl包装在上面的代码片段中,而不是:

<main:OuterControl>
    <ContentControl Content="{StaticResource SomeColorfulSymbol}"/>
</main:OuterControl>

它在VS设计器中看起来不错,标题加上一个矩形,它是FillBrush的默认红色。然而,在运行时我们只获得标题。矩形没有颜色(UnsetValue),我们得到这个绑定错误:

  

System.Windows.Data错误:40:BindingExpression路径错误:   &#39;(主:AssetProperties.FillBrush)&#39;在&#39; object&#39;上找不到的属性   &#39;&#39;矩形&#39; (名称=&#39;&#39;)&#39 ;.   BindingExpression:路径=(主:AssetProperties.FillBrush);   的DataItem =&#39;矩形&#39; (名称=&#39;&#39);目标元素是&#39;矩形&#39;   (名称=&#39;&#39);目标财产是“填充”。 (键入&#39;刷&#39;)

如果我在包装符号之前添加符号的不可见实例,它会再次起作用,即出现一个红色矩形:

<ContentControl Content="{StaticResource SomeColorfulSymbol}" Visibility="Collapsed"/>
<main:OuterControl>
    <ContentControl Content="{StaticResource SomeColorfulSymbol}"/>
</main:OuterControl>

一个问题是附加属性没有注册,当我在RegisterAttached方法上放置断点时,如果没有额外的不可见ContentControl则不会调用它。然而,这只是问题的一部分,例如强制这样的注册不起作用:

<StackPanel>
    <TextBlock Text="I'm red!" Background="{Binding (main:AssetProperties.FillBrush), RelativeSource={RelativeSource Self}}"/>
    <main:OuterControl>
        <ContentControl Content="{StaticResource SomeColorfulSymbol}"/>
    </main:OuterControl>
</StackPanel>

文字&#34;我是红色&#34;实际上是红色并且附加属性已注册,但我们得到完全相同的绑定错误。

我也试过没有ContentProperty["InnerContent"],在xaml中显式设置InnerContent属性,结果相同。

有人可以对此有所了解吗?

也许使用控件模板而不是OuterControl不会出现这个问题(?),但是有很多与OuterControl相关的行为,我更喜欢这种方法。

1 个答案:

答案 0 :(得分:1)

要防止出现以下问题,请尝试明确指定路径属性,如:{Binding Path =(main:....}

 <Rectangle x:Key="SomeColorfulSymbol" x:Shared="False" Width="10" Height="10" Fill="{Binding Path=(main:AssetProperties.FillBrush), RelativeSource={RelativeSource Self}}" />