Liaison de donnée à un Canvas via DataBinding et pattern MvvM

Bonjour à tous,
Je suis en train de travailler sur un projet WPF, et je dois pouvoir placer un nombre indéterminer d'item. (Le comportement du truc ce rapproche de celui du bureau windows sans l'alignement sur la grille, et sans la réorganisation automatique).
Chaque Item à une position variable, j'ai bien tenté d'utiliser un Canvas, mais le compilateur couinait dés que je rajoutais un item dedans.
J'ai aussi essayer d'utiliser la listView personnalisé de l'exemple de la MSDN, mais j'arrivais pas à personnalisé les positions.

Dans ce projet j'utilise le pattern MVVM, ce qui rajoute un peu plus de difficulté.
Je voulais savoir quel composant vous me conseiller d'utiliser par défaut ou personnalisé, et éventuellement les modifications à y apporter.
D'avance Merci

Salut,

Un canvas comme conteneur me semble une bonne idée si tu veux placer tes objets où bon te semble.

Citation:

---

Envoyé par satanasdiabolo

j'ai bien tenté d'utiliser un Canvas, mais le compilateur couinait dés que je rajoutais un item dedans.

---

C'est à dire ? C'est quelque chose de faisable donc peut-être qu'on peut voir ce qui ne va pas.


Un lien qui peut peut-être t'intéresser ;)
http://www.codeproject.com/KB/WPF/WP...ner_Part1.aspx

[Edit] Avec le lien c'est mieux

En fait le bug du caneva devais venir de VS2010
dès que je faisais:

Code:

---

<canvas></canvas>

---

Mais j'ai un problème vu que j'utilise le pattern MVVM.
Sans le pattern je ferais l'ajout d'élément dans le coe behind

Code:

---

this.myCanvas.Children.Add(monElement);

---

Le problème est comment je fais pour lier ma liste d'éléments qui est dans mon ViewModel à mon Canvas.
Chose relativement aisée avec une ListeView.

ceci étant pour des position variables tu peux jouer avec les margin
j'ai pas bien compris ce que tu voulais faire mais bon
avec un converter sur les item to margin

En effet Ikea, c'est ce que je comptais utiliser dans mon Canvas, mais j'arrive pas à ajouter mes élements au canvas via le binding.

Code:

---

<canvas Children="{Binding MaSourceDeDonnée}"/>

---

n'existe pas puisqu'on ne peux pas appeler children comme ça. Uniquement avec le code ci-dessous

Code:

---

1 2 3 4 5

<Canvas> <Canvas.Children> </Canvas.Children> </Canvas>

---

Et du coup sur ce coup là on peut pas mettre de balise de Binding.

Si quelqu'un a une solution...

Une solution serait peut-être de faire du MultiBinding sur la propriété Tag du Canvas (à trester :aie:). Tu bindes à la fois les éléments à ajouter au Canvas et le Canvas lui même.
Et dans le converter tu fais le Add des éléments sur la propriété children du Canvas.

ps: binder l'élément lui même je n'ai pas le souvenir de l'avoir fait. Faut voir ce que ça peut donner et puis il y a peut être plus propre après ;)

En effet la liaison de l'élément complet est surement très "sale", l'idéal serait de pouvoir ajouter des éléments comme pour une listeView, où on définie un template d'élément, on lui donne la source des items, et après tout roule, mais là j'ai pas réussi à trouver quelques choses d'équivalent

J'ai trouvé la solution pour pouvoir faire un binding sur un panel et pouvoir placer les éléments enfants où l'on veut tout en respectant le pattern MVVM.

Cet exemple: ici m'a permis de pouvoir faire le binding sur un panel perso. Mais je n'avais pas encore le positionnement qui lui appartenait à mon UserControl. Donc à force de tatonnement j'ai trouver la solution en appliquant une transformation de type translation

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<UserControl x:Class="AjoutDyn.Views.UnitContainerView" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:local="clr-namespace:AjoutDyn.Views" mc:Ignorable="d" Name="UC" Width="50" Height="50"> <UserControl.RenderTransform> <TranslateTransform X="{Binding Latitude}" Y="{Binding Longitude}"/> </UserControl.RenderTransform> </UserControl>

---

Et dans ma fenêtre appelante il m'a suffis de définir mon listView comme suit:

Code:

---

1 2 3 4 5 6 7

<ListView x:Name="listBox" ItemsSource="{Binding Path=Pions}" Style="{StaticResource ListViewStyle}" ItemTemplate="{DynamicResource UnitDataTemplate}"> <ListView.ItemsPanel> <ItemsPanelTemplate> <Canvas/> </ItemsPanelTemplate> </ListView.ItemsPanel> </ListView>

---

Du coup le résultat est le suivant:
http://pmelot1.free.fr/tuto/Normal.png