ItemsControl DataTemplateでのキャンバスプロパティの設定

Question

私はこのItemsControlにデータバインドしようとしています：

<ItemsControl ItemsSource="{Binding Path=Nodes, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"> 
    <ItemsControl.ItemsPanel> 
     <ItemsPanelTemplate> 
      <Canvas /> 
     </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 
</ItemsControl> 

このDataTemplateを使用することで、Canvas上のNode要素を個別に配置しようとしています：

<DataTemplate DataType="{x:Type Model:EndNode}"> 
    <Controls:EndNodeControl Canvas.Left="{Binding Path=XPos}" Canvas.Top="{Binding Path=YPos}" /> 
</DataTemplate> 

しかし、予想通り。すべてのノード要素が同じ位置に重ねて描画されます。どのようにこれを達成するための任意の提案？

Answer 1

添付されたプロパティは、Canvasの直接の子でのみ機能します。あなたにも、そのためにスタイルを追加したい場合がありますので、ItemsControlには、その直接の子としてのContentPresenterコントロールを配置します：

<ItemsControl ItemsSource="{Binding Path=Nodes}"> 
    <ItemsControl.ItemsPanel> 
     <ItemsPanelTemplate> 
      <Canvas /> 
     </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 
    <ItemsControl.ItemContainerStyle> 
     <Style TargetType="ContentPresenter"> 
      <Setter Property="Canvas.Left" Value="{Binding Path=XPos}" /> 
      <Setter Property="Canvas.Top" Value="{Binding Path=YPos}" /> 
     </Style> 
    </ItemsControl.ItemContainerStyle> 
</ItemsControl> 

ホープこれは