Discussion :

[Julien_G]

Bonjour,
je suis face à un problème assez génant.

Lorsque le DataContext (ObservableCollection<Fruit>) de mon Usercontrol est modifié, je souhaite que mon stackpanel horizontal modifie ses "children".

Je ne peux pas utiliser de listbox car je le veux horizontal, et puis je veux que les fruits adaptent leur taille par rapport à leur conteneur qui a une taille fixe. Exemple :
Si il y a un fruit il fait 100 pixels
Si il y a 2 fruits, ils feront chacun 50 pixels
Si il y a 3 fruits, ils feront 33,333 pixels
etc ...

Est-ce possible ?
Sinon y a t'il une autre solution plus propre ?

Merci d'avance

[Samuel Blanchard]

Bonjour,

Pour information pour redéfinir l'orientation en Horizontal d'une ListBox, il suffit juste de redefinir l'ItemsPanel.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
        <ItemsControl>
 
            <ItemsControl.ItemsPanel>
 
                <ItemsPanelTemplate>
                    <StackPanel Orientation="Horizontal" />
                </ItemsPanelTemplate>
 
            </ItemsControl.ItemsPanel>
 
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                  <!-- Ici tu définis ton template d'élément-->
                 </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>

Pour ton problème, tu peux utiliser un Grid mais cela ne sera pas très pratique si tu veux utiliser du Binding.

Tu peux aussi développer ton propre Panel (la meilleur solution de loin) afin de le placer dans l'ItemsPanel d'un ListBox ou d'un ItemsControl. Là, le binding fonctionnera parfaitement.

En espérant t'avoir donné des pistes

[Julien_G]

Bonjour, merci pour ta réponse.

J'ai utilisé un bout de code que j'ai trouvé sur internet qui permet de s'abonner au DataContext Changed. Ainsi, je peux modifier le contenu de mon stackpanel dans mon code Behind.

Je perds un peu de mon binding mais c'est une solution rapide et efficace

[Samuel Blanchard]

L'important est que tu aies réussi à faire ce que tu voulais :-)

[Skyounet]

Bonjour, merci pour ta réponse.

J'ai utilisé un bout de code que j'ai trouvé sur internet qui permet de s'abonner au DataContext Changed. Ainsi, je peux modifier le contenu de mon stackpanel dans mon code Behind.

Je perds un peu de mon binding mais c'est une solution rapide et efficace

Le principe d'un ObservableCollection c'est quand même d'être notifié quand la collection change, donc au lieu de faire un hack pour la DataContextChanged pourquoi tu n'as pas simplement utilisé les events de l'ObservableCollection ?

[Julien_G]

Car je ne sais pas comment faire à partir du DataContext
Il aurait fallut que je le cast ? Je crois que j'avais essayé et que je n'y étais pas arrivé.

[Nathanael Marchand]

Sinon, tu peux utiliser une ListBox et changer le ItemsPanel en WrapPanel de direction horizontale.

[Skyounet]

Car je ne sais pas comment faire à partir du DataContext
Il aurait fallut que je le cast ? Je crois que j'avais essayé et que je n'y étais pas arrivé.

Non il fallait que tu récupères l'ItemsSource et que tu le casts en ObservableCollection.

[virturel]

Bonjour,
Tu peux aussi utiliser un viewbox : les children s'adapteront à la taille du viewbox.
Sinon, effectivement une listbox peut être horizontale.