マップにシンボルのコレクションを配置するための適切なMVVMの方法は何ですか？

Question

私は地形マップを表示するために使用されるキャンバスを持つWPFウィンドウを持っています。 [ProjectFolder]

public class MapSymbolDefinition 
{ 
    string SymbolFileName { get; set; } 
    int XLocation { get; set; } 
    int YLocation { get; set; } 
} 

すべてのシンボルは私のプロジェクトのシンボルフォルダに保存されるので、任意のシンボルへのパスは次のようになります。私は次のようにMapSymbolDefinitionが定義されているIEnumerable<MapSymbolDefinition>によると、このマップにシンボルを配置したいと思います/Symbols/SymbolFileName.bmp。

私はこれをどのように設定できるかについて考えていますので、コードビハインドで複数のImageオブジェクトを手動で設定する必要はありませんか？

ありがとうございました。

Answer 1

使用して、カスタマイズされたItemsPanel、ItemContainerStyleとItemTemplateとItemsControl：コメント後

<ItemsControl ItemsSource="{Binding MapSymbols}"> 
    <ItemsControl.ItemsPanel> 
     <ItemsPanelTemplate> 
      <Canvas/> 
     </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 
    <ItemsControl.ItemContainerStyle> 
     <Style> 
      <Setter Property="Canvas.Top" Value="{Binding YLocation}"/> 
      <Setter Property="Canvas.Left" Value="{Binding XLocation}"/> 
     </Style> 
    </ItemsControl.ItemContainerStyle> 
    <ItemsControl.ItemTemplate> 
     <DataTemplate DataType="{x:Type local:MapSymbolDefinition}"> 
      <Image Source="{Binding SymbolFileName, Converter={StaticResource ImageNameConverter}}"/> 
     </DataTemplate> 
    </ItemsControl.ItemTemplate> 
</ItemsControl> 

更新：あなたは、コレクション内の各項目のビジュアルツリーを提供するために、ItemTemplateを定義することができます。この場合、コンバータを使用してSymbolFileNameプロパティをイメージに変換しましたが、MapSymbolDefinitionクラスに完全なパスを生成する別個のプロパティを同様に定義することができます。後者のアプローチは、MVVMのベストプラクティスに沿っています。

Answer 2

WPFの方法：DataTemplatesとListBoxとコンバーターを使用してください.... this exampleをチェックしてください。

簡単な方法：コードビハインドでそれを行い、ビューをコントロールと呼んでください。