Impostazione delle proprietà di tela in un ItemsControl DataTemplate

Question

Sto cercando di DataBind a questo ItemsControl:

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

Utilizzando questo DataTemplate, sto cercando di posizionare singolarmente miei Node elementi sulla Canvas correttamente:

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

Tuttavia, non funziona come previsto. Tutti i miei elementi del nodo sono disegnati uno sopra l'altro nella stessa posizione. Qualche suggerimento su come realizzare questo?

Answer 1

Le proprietà associate funzionano solo sui bambini diretti della tela. ItemsControl metterà controlli ContentPresenter come i suoi figli diretti, così si potrebbe desiderare di aggiungere uno stile per quello pure:

<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> 

Spero che questo aiuti