ItemsControl DataTemplate에서 캔버스 속성 설정


80

나는 이것에 데이터 바인딩을 시도하고있다 ItemsControl :

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

이것을 사용하여 DataTemplate개별적으로 위치를 지정하려고합니다.Node 요소를 Canvas올바르게 합니다.

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

그러나 예상대로 작동하지 않습니다. 모든 노드 요소는 동일한 위치에서 서로 위에 그려집니다. 이를 수행하는 방법에 대한 제안 사항이 있습니까?

답변:


137

연결된 속성은 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>

감사합니다. 약 5 분 전에이 솔루션을 찾았습니다. 나는 질문을 게시하는 데 약간 빠르다고 생각합니다. :)
atsjoo 2009-08-12

9
Hehe .. 나는 그 AHA 순간도 좋아한다;) .. 그리고 그것의 전부는 나쁘지 않다 .. 아마도 당신의 질문은 언젠가 다른 사람들에게도 도움이 될 수있다 .. 당신은 결코 모를 것이다!
Arcturus

여기에서도 도움이되었고 모두 +1했습니다. :)
Rune Jacobsen

1
@skb 동일한 문제가 있습니다. Silverlight 해결 방법이 있습니까?
themaestro

4
내 X 및 Y 위치가 ItemsSource의 개체 중 하나 안에 있어야하는 경우 어떻게 되나요? 내 ItemsSource에 Point 개체가 있습니다.
El Mac
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.