WPF绑定和DataTemplate

时间:2012-05-30 19:07:23

标签: wpf binding datatemplate

我在我的应用中遇到了一个问题但我无法通过它。我创建了以下简单的WPF应用程序来说明情况。

MainWindow.xaml:

<Window x:Class="GlobalDataTemplate.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:my="clr-namespace:GlobalDataTemplate"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <DataTemplate DataType="{x:Type my:MyData}">
            <StackPanel Background="{Binding BgColor}">
                <TextBlock Text="{Binding Text}"/>
                <TextBlock Text="{Binding Number}"/>
            </StackPanel>
        </DataTemplate>
    </Window.Resources>
    <ItemsControl>
        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <UniformGrid Columns="3" />
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>
        <my:MyData x:Name="NW" Text="NW" Number="1" BgColor="#FFFF0000" />
        <my:MyData x:Name="N" Text="N"  Number="2" BgColor="#FF63FF00" />
        <my:MyData x:Name="NE" Text="NE" Number="3" BgColor="#FFFFCA00" />
        <my:MyData x:Name="W" Text="W" Number="4" BgColor="#FF0037FF" />
        <my:MyData x:Name="C" Text="C" Number="5" BgColor="#FF9E00FF" />
        <my:MyData x:Name="E" Text="E" Number="6" BgColor="#FF838383" />
        <my:MyData x:Name="SW" Text="SW" Number="7"
                   BgColor="{Binding ElementName=NW, Path=BgColor}" />
        <my:MyData x:Name="S" Text="S" Number="8"
                   BgColor="{Binding ElementName=N, Path=BgColor}" />
        <my:MyData x:Name="SE" Text="SE" Number="9"
                   BgColor="{Binding ElementName=NE, Path=BgColor}" />
    </ItemsControl>
</Window>

MyData.cs:

using System.Windows;
using System.Windows.Media;

namespace GlobalDataTemplate
{
    class MyData : DependencyObject
    {
        public string Text
        {
            get { return (string)GetValue(TextProperty); }
            set { SetValue(TextProperty, value); }
        }
        public static readonly DependencyProperty TextProperty =
            DependencyProperty.Register("Text", typeof(string), typeof(MyData), new UIPropertyMetadata(null));

        public int Number
        {
            get { return (int)GetValue(NumberProperty); }
            set { SetValue(NumberProperty, value); }
        }
        public static readonly DependencyProperty NumberProperty =
            DependencyProperty.Register("Number", typeof(int), typeof(MyData), new UIPropertyMetadata(0));

        public Brush BgColor
        {
            get { return (Brush)GetValue(BgColorProperty); }
            set { SetValue(BgColorProperty, value); }
        }
        // Using a DependencyProperty as the backing store for MyProperty.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty BgColorProperty =
            DependencyProperty.Register("BgColor", typeof(Brush), typeof(MyData), new UIPropertyMetadata(null));
    }
}

从XAML中,您可能会看到一个3x3网格,底部的颜色与顶部显示的颜色相同。但是底行的颜色都没有显示(你看到窗口的白色背景)。如何才能让底部的颜色正确地与顶部的颜色相结合?

我还尝试添加属性更改处理程序并设置断点。断点从未被击中。

提前致谢。

1 个答案:

答案 0 :(得分:1)

当我运行您的代码时,我在调试输出中收到此错误消息:

  

System.Windows.Data错误:2:找不到目标元素的管理FrameworkElement或FrameworkContentElement。 BindingExpression:路径= BGCOLOR;的DataItem = NULL; target元素是'MyData'(HashCode = 65325907); target属性是'BgColor'(类型'Brush')

即。这意味着WPF不会将MyData项视为逻辑树的一部分。 因此,从MyData派生Freezable,例如

class MyData : Freezable 
{
    protected override Freezable CreateInstanceCore()
    {
        throw new System.NotImplementedException();
    }

    ... put the dependency properties here ...

}

“找不到管理FrameworkElement ......”问题与“继承上下文”有关;请在此处查找详细信息:http://blogs.msdn.com/b/nickkramer/archive/2006/08/18/705116.aspx