ViewModel 视图关系/链接/同步

Question

第三次尝试描述问题：

• 尝试 1： 同步视图模型和视图
• 尝试2： WPF ViewModel 不是活动演示者
• Try3：

我有一些视图模型类：

public class Node : INotifyPropertyChanged
    {
        Guid NodeId { get; set; }

        public string Name { get; set; }

    }

public class Connection: INotifyPropertyChanged
    {
        public Node StartNode { get; set; }
        public Node EndNode { get; set; }
    }

public class SettingsPackModel
{
        public List<Node> Nodes { get; private set; }
        public List<Connection> Connections { get; private set; }
}

我也有一些模板来显示这些模型：

<DataTemplate DataType="{x:Type vm:Node}">…</DataTemplate>
<DataTemplate DataType="{x:Type vm:Connection}">
 <my:ConnectionElment StartNodeElment="???" EndNodeElment="???"> 
</my:ConnectionElment>
<DataTemplate>

但问题是 DataTemplate for Connection 需要引用 UIElement 类型的两个元素，我如何传递这两个元素，我如何填充？？？在上面的表达式中？

编辑： 我实际上想隐藏此尝试中的一部分，但正如我在那里描述的那样： Sunchronizing 视图模型和查看。我会使用这样的东西：

<ItemsControl    ItemsSource="{Binding AllElements}" 
ItemContainerStyle="{StaticResource ElementThumbVMDataTemplateStyle> 
        <ItemsControl.ItemsPanel> 
            <ItemsPanelTemplate> 
                <kw:DiagramCanvas /> 
            </ItemsPanelTemplate> 
        </ItemsControl.ItemsPanel> 
    </ItemsControl> 
<Style  x:Key="ElementThumbVMDataTemplateStyle" TargetType="ContentPresenter"> 
                <Setter Property="Canvas.Left"  Value="{Binding CanvasLeft,Mode=TwoWay}" /> 
                <Setter Property="Canvas.Top"  Value="{Binding CanvasTop,Mode=TwoWay}" />             </Style > 

对于 Node DataTemplate 来说，这样的东西：

<DataTemplate DataType="{x:Type vm:Node}"> 
                <kw:ElementThumb Canvas.Left="{Binding CanvasLeft,Mode=TwoWay}" 
                                 Canvas.Top="{Binding CanvasTop,Mode=TwoWay}"> 
                </kw:ElementThumb> 
            </DataTemplate> 

Canvasleft 和 CanvasTop 是 Node 和 ElementThumb 类中存在的属性。

Answer 1

将要为其创建 DataTemplate 的类型的对象放置在 DataTemplate 本身内部是毫无意义的。数据模板用于创建数据的可视化表示，因此您首先需要了解如何可视化节点和连接。