5

我正在尝试设置将用于Line( System.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);
        }
    }
}

生成的窗口如下所示： 结果窗口

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

为什么{x:Type Line}无法识别类型，以及将什么 DataTemplate 应用于 Shape 对象？

4

1 回答 1

4

ADataTemplate是您用来将 UI 放在不是它们自身UIElements并且没有在屏幕上呈现它们自己的概念的数据对象上的东西。Line然而是 UIElements - 他们知道如何呈现自己，并且Rectangle不需要 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 });

列表视图对象

要更改 UIElements 的外观，您通常会使用Style（如果它是 a FrameworkElement）和/或ControlTemplate（如果它是 a Control）。

编辑：

如果Line您有自己的数据类而不是 a代表一条线（我们称之为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 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>

..给我们：

列表视图行

于 2013-01-12T12:39:22.433 回答