Ustawianie właściwości Canvas w ItemsControl DataTemplate

Question

próbuję databind do tego ItemsControl:

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

Używając tej DataTemplate, staram się indywidualnie ustawić moje Node elementów na Canvas poprawnie:

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

Jednak nie działa zgodnie z oczekiwaniami. Wszystkie moje elementy węzła są narysowane jeden na drugim w tej samej pozycji. Wszelkie sugestie, jak to osiągnąć?

Answer 1

Załączone właściwości działają tylko na bezpośrednich elementach potomnych obszaru roboczego. ItemsControl umieści kontroli ContentPresenter jak jego bezpośrednich dzieci, więc może chcesz dodać styl do tego jak dobrze:

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

Nadzieja to pomaga