WPF Affichage parent relation enfant

Question

Je ne peux pas envelopper la tête autour de la façon d'accomplir le rendu cette

public class Shape{} 
public class Circle: Shape{} 
public class Square: Shape 
{ 
    public List<Circle> CircleList{ get; private set; } 
} 

J'ai une liste qui contient des objets de forme, maintenant ce que je veux accomplir est d'avoir chaque objet rendu dans un la grille.

Si l'objet est un carré il devrait y avoir une grille imbriquée qui contient des éléments Cercle de la propriété CircleList

J'ai essayé avec un ItemsControl et un HierarchicalDataTemplate, n'a pas pu le faire fonctionner, j'ai essayé d'imbrication un ItemsControl à l'intérieur d'un ItemsControl, je suis assez nouveau à WPF donc je suis en train de tâtonner ici en ne sachant pas quelle serait la "bonne" solution. J'ai réussi à rendre le dessus dans un TreeView, mais ce que j'essaye d'accomplir est un tableau qui rend des formes.

MISE À JOUR

Le « DrawingBoard » doit contenir des éléments, chaque élément doit être rendu dans un récipient.

Si l'objet est de type Carré, le conteneur Carré doit avoir un conteneur imbriqué pour contenir les objets Circle de la propriété CircleList.

Answer 1

Scott est assez proche mais pas tout à fait là; la définition du DataContext de la grille ne rendra pas les objets Circle contenus. Ce dont vous avez besoin est un contrôle incorporé qui peut afficher ses propres éléments, puis lier la propriété ItemsSource de ce contrôle à CircleList.

J'ai construit un exemple en utilisant vos classes originales qui le démontrent. Voici le code-behind:

public partial class Window1 : Window 
{ 
    public Window1() 
    { 
     InitializeComponent(); 

     Square square = new Square(); 
     square.CircleList = new List<Circle>() { new Circle(25) }; 
     _shapes.Add(square); 
    } 

    private List<Shape> _shapes = new List<Shape>(); 

    public List<Shape> Shapes 
    { 
     get { return _shapes; } 
    } 
} 

public abstract class Shape { } 

public class Circle : Shape 
{ 
    public double Diameter { get; private set; } 

    public Circle(double diameter) 
    { 
     Diameter = diameter; 
    } 
} 

public class Square : Shape 
{ 
    public List<Circle> CircleList { get; set; } 
} 

Ainsi, vous pouvez voir que j'ai ajouté une seule place à ma liste de formes, qui contient un cercle de diamètre 25. Notez que cela n'ajoute pas de support pour le positionnement des formes à l'aide coordonnées absolues; Je suppose que vous avez déjà quelque chose en place pour cela.

Maintenant, le XAML:

<Window x:Class="TestWpfApplication.Window1" 
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
xmlns:local="clr-namespace:TestWpfApplication" 
Title="Window1" 
DataContext="{Binding RelativeSource={RelativeSource Self}}"> 
<Window.Resources> 
    <DataTemplate DataType="{x:Type local:Circle}"> 
     <Ellipse Stroke="Black" 
       Width="{Binding Diameter}" 
       Height="{Binding Diameter}"/> 
    </DataTemplate> 
    <DataTemplate DataType="{x:Type local:Square}"> 
     <Border BorderThickness="1" BorderBrush="Black"> 
      <ItemsControl ItemsSource="{Binding CircleList}"/> 
     </Border> 
    </DataTemplate> 
</Window.Resources> 

<ListBox ItemsSource="{Binding Shapes}"> 
    <ListBox.ItemsPanel> 
     <ItemsPanelTemplate> 
      <Canvas/> 
     </ItemsPanelTemplate> 
    </ListBox.ItemsPanel> 
</ListBox> 

Voici vos DataTemplates; vous pouvez voir le cercle est rendu simplement avec une ellipse. The Square, d'autre part, a un ItemsControl intégré qui rend ses éléments contenus. J'ai également dessiné une bordure autour d'elle pour faire la forme carrée.

Voici le résultat:

alt text http://img212.imageshack.us/img212/8658/squarewithcirclecontent.png

Answer 2

Vous pouvez essayer d'utiliser deux DataTemplates, un pour un cercle (juste pour un cercle) et un pour un carré. Le DataTemplate carré doit restituer une grille (juste lui donner une bordure pour la faire ressembler à un carré) et ensuite définir le DataContext de la Grille imbriquée = "{Binding CircleList}". Je ne suis pas sûr à 100% de la façon dont vous convertissez une liste de formes en une grille, mais ça sonne comme si vous l'aviez déjà résolu, donc je vais simplement l'omettre pour plus de simplicité. :)