对于Shape类型,WPF DataTemplate失败

时间:2013-01-11 21:29:32

标签: wpf datatemplate

我正在尝试设置一个将用于LineSystem.Windows.Shapes.Line)个对象的WPF DataTemplate。

从默认的.NET 4 WPF应用程序中,我将Window xaml设置为:

<Window x:Class="WpfTestDataTemplates.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:system="clr-namespace:System;assembly=mscorlib"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <DataTemplate DataType="{x:Type system:String}" >
            <TextBlock>It's a string</TextBlock>
        </DataTemplate>
        <DataTemplate DataType="{x:Type Line}" >
            <TextBlock>It's a line</TextBlock>
        </DataTemplate>    
    </Window.Resources>

    <ListView ItemsSource="{Binding MyItems}" />
</Window>

背后的代码是:

using System.Collections.Generic;
using System.Windows;
using System.Windows.Shapes;

namespace WpfTestDataTemplates
{
    public partial class MainWindow : Window
    {
        public List<object> MyItems {get; set; }

        public MainWindow()
        {
            InitializeComponent();
            DataContext = this;

            MyItems = new List<object>();
            MyItems.Add("The first string");
            MyItems.Add(new Line { X1 = 0, Y1 = 0, X2 = 5, Y2 = 5 });
            MyItems.Add("The second string");
            MyItems.Add(new Rectangle { Height = 5, Width = 15 });
            MyItems.Add(42);
        }
    }
}

生成的窗口如下所示: Resulting window

我希望第二个条目读取:它是一行,但似乎找不到Line类型的DataTemplate。对于没有显式DataTemplate的类型,我希望默认呈现是对象的.ToString()成员,但这不是正在发生的事情。所以我希望第四个条目是:System.Windows.Shapes.Rectangle

为什么无法识别{x:Type Line}类型,以及哪些DataTemplate应用于Shape对象?

1 个答案:

答案 0 :(得分:4)

您使用DataTemplate将UI放在不是自己UIElements的数据对象上,并且没有在屏幕上呈现自己的概念。 LineRectangle然而是UIElements - 他们知道如何渲染自己,并且不需要DataTemplate来告诉他们如何。

如果你给Line和Rectangle一些颜色,你会发现它们忽略了良好的DataTemplate并在列表中显示为一条直线和一个矩形:

MyItems.Add(new Line { X1 = 0, Y1 = 0, X2 = 5, Y2 = 5,
                       Stroke = Brushes.Lime, StrokeThickness = 2 });
...
MyItems.Add(new Rectangle { Height = 5, Width = 15, Fill = Brushes.Blue });

ListView objects

要更改UIElements的外观,您通常会使用Style(如果是FrameworkElement)和/或ControlTemplate(如果它是Control

修改

如果您有自己的数据类代表一行(让我们称之为Line),而不是LineData,您可以使用DataTemplate来呈现该类你想要的任何方式:

public class LineData
{
    public LineData(Point start, Point end)
    {
        this.Start = start;
        this.End = end;
    }

    public Point Start { get; private set; }
    public Point End { get; private set; }

    public double XLength
    {
        get { return this.End.X - this.Start.X; }
    }
    public double YLength
    {
        get { return this.End.Y - this.Start.Y; }
    }
}

...

MyItems.Add(new LineData(new Point(10, 10), new Point(60, 30)));

..和DataTemplate ..

<DataTemplate DataType="{x:Type vm:LineData}" >
    <StackPanel Orientation="Horizontal" SnapsToDevicePixels="True" >
        <TextBlock>It's a line:</TextBlock>
        <Grid>
            <Rectangle Stroke="Black" StrokeThickness="1" 
                        Width="{Binding Path=XLength}" Height="{Binding Path=YLength}" />
            <Line Stroke="Red" StrokeThickness="2"
                    X1="{Binding Path=Start.X}" Y1="{Binding Path=Start.Y}" 
                    X2="{Binding Path=End.X}" Y2="{Binding Path=End.Y}" />
        </Grid>
    </StackPanel>
</DataTemplate>

..给了我们:

ListView line