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);
        }
    }
}

結果のウィンドウは次のようになります。 結果ウィンドウ

2 番目のエントリが次のように表示されることを期待してLineいます。明示的な DataTemplate のない型の場合、デフォルトのレンダリングがオブジェクトの .ToString() メンバーになると予想していますが、それも起こっていません。したがって、4 番目のエントリは System.Windows.Shapes.Rectangle になると思います。

型が認識されないのはなぜ{x:Type Line}ですか? また、Shape オブジェクトに適用されている DataTemplate は何ですか?

4

1 に答える 1

4

Aは、それ自体ではなく、画面上に自分自身をレンダリングするという概念を持たDataTemplateないデータ オブジェクトに UI を配置するために使用するものです。ただし、UIElements は、自分自身をレンダリングする方法を知っており、その方法を伝えるために DataTemplate を必要としません。UIElementsLineRectangle

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 オブジェクト

UIElements の外観を変更するには、通常Style(それが の場合FrameworkElement) および/またはControlTemplate(それが の場合Control) を使用します。

編集:

の代わりに、線を表すLine独自のデータ クラスがある場合(これを と呼びましょう)、DataTemplate を使用して、そのクラスを好きなようにレンダリングできます。LineData

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 ライン

于 2013-01-12T12:39:22.433 に答える