Visão e modelo de exibição sunchronizing
Eu tenho um modelo de exibição que consiste em alguns nós e alguns conectores:
public class ViewModel
{
public List<Node> Nodes{get;set;}
public List<Connector> Connectors{get;set;}
}
public Class Node
{
public Point Position{get;set;}
}
public class Connector
{
public Node StartNode{get;set;}
public Node EndNode{get;set;}
}
Agora eu exibo nós na página por um controle de itens:
<UserControl.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="Styles.xaml"></ResourceDictionary>
</ResourceDictionary.MergedDictionaries>
<local:ElementThumbConverter x:Key="ElementThumbConverter"/>
<local:ElementThumbConverter2 x:Key="ElementThumbConverter2"/>
<Style x:Key="ElementThumbVMDataTemplateStyle" TargetType="ContentPresenter">
<Setter Property="Canvas.Left" Value="{Binding CanvasLeft,Mode=TwoWay}" />
<Setter Property="Canvas.Top" Value="{Binding CanvasTop,Mode=TwoWay}" />
<!--<Setter Property="Canvas.Top" Value="{Binding RelativeSource={RelativeSource Self},Path=ContentTemplate.elementThumb.(Canvas.Top), Mode=TwoWay}" />-->
</Style >
<DataTemplate DataType="{x:Type vm:ElementThumbVM}">
<!--Canvas.Left="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=ContentPresenter},Path=(Canvas.Left),Mode=TwoWay}"-->
<kw:ElementThumb Name="elementThumb" Tag=""
Canvas.Left="{Binding CanvasLeft,Mode=TwoWay}"
Canvas.Top="{Binding CanvasTop,Mode=TwoWay}">
</kw:ElementThumb>
<DataTemplate.Triggers>
<DataTrigger Binding="{Binding ElementType}">
<DataTrigger.Value>
<vm:ElementType>BusinessServer</vm:ElementType>
</DataTrigger.Value>
<Setter TargetName="elementThumb" Property="Style" Value="{StaticResource BussinesServerStyle}"/>
</DataTrigger>
<DataTrigger Binding="{Binding ElementType}">
<DataTrigger.Value>
<vm:ElementType>DataBase</vm:ElementType>
</DataTrigger.Value>
<Setter TargetName="elementThumb" Property="Style" Value="{StaticResource DataBaseStyle}"/>
</DataTrigger>
</DataTemplate.Triggers>
</DataTemplate>
<DataTemplate DataType="{x:Type vm:ConnectorVM}">
<kw:Connector>
<kw:Connector.StartElementThumb>
<Binding Converter="{StaticResource ElementThumbConverter2}">
<Binding.Source>
<MultiBinding Converter="{StaticResource ElementThumbConverter}">
<Binding Path="ElementThumbVMStartId" />
<Binding RelativeSource="{RelativeSource Mode=FindAncestor,AncestorType=kw:DiagramCanvas}"/>
</MultiBinding>
</Binding.Source>
</Binding>
</kw:Connector.StartElementThumb>
<kw:Connector.EndElementThumb>
<Binding Converter="{StaticResource ElementThumbConverter2}">
<Binding.Source>
<MultiBinding Converter="{StaticResource ElementThumbConverter}">
<Binding Path="ElementThumbVMEndId" />
<Binding RelativeSource="{RelativeSource Mode=FindAncestor,AncestorType=kw:DiagramCanvas}"/>
</MultiBinding>
</Binding.Source>
</Binding>
</kw:Connector.EndElementThumb>
</kw:Connector>
</DataTemplate>
</ResourceDictionary>
</UserControl.Resources>
<ItemsControl HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
ItemsSource="{Binding AllElements}" x:Name="mainCanvasControl"
ItemContainerStyle="{StaticResource ElementThumbVMDataTemplateStyle}">
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<kw:DiagramCanvas Name="mainCanvas" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
</ItemsControl>
Como você vê, exibi um modelo para nós e conector, ele funciona bem para nós, mas para o conector eu preciso obter o nó inicial e final correspondente, portanto, quando um nó na interface do usuário muda de posição, posso rastrear sua alteração e refleti-la no conector , Também preciso finalmente exibir com e altura do nó de exibição (digo ElmenetThumb). Em resumo, cada nó no modelo possui um ElmenetThumb análogo na página. Eu quero passar o ElmenetThumb análogo dos nós de início e fim para o elemento análogo do conector para rastreamento de posição. Estou tentando fazer isso pelo conector, como você pode ver no código acima, mas não funciona porque, na hora de chamar, converter o conteúdo do ItemsControl não foi construído completamente.