Discussion :

[Gregory.M]

Bonjour,


J'ai créé un style pour mes listboxitem.
mon listboxitem contient une Image.


Je voudrais savoir comment m'y prendre pour binder ma collection d'objet au listbox, puis que pour chaque image item il aille récupérer le chemin dans mon objet.


Merci de me donner une piste



Cordialement,

[Thomas Lebrun]

Il faut que tu utilises un DataTemplate plutôt qu'un style. La propriété ItemTemplate de la ListBox permet de définir l'apparence que doit avoir chacun des éléments.

Ensuite, dans ton code, tu as juste à faire:

Code :

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

maListBox.ItemsSource = maCollectionDObject;

Puis, dans ton DataTemplate, tu fais:

Code :

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

<Image Source="{Binding ImagePath}" .../>

Voila de quoi de débrouiller pour commencer

[Gregory.M]

merci bien

Comment dois-je faire dans mon cas pour récuperer l'index du listboxitem, et d acceder à la source de l'image?

Voici le code de mon listbox.
Le listbox est bindé à une collection dont une propriété (path) est le chemin d'une image, que j'affiche. Je voudrais savoir comment récuperer cette proriété lorsque l'on clic dessus.
Quelqu'un peut il 'méclairer?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
                <ListBox SelectionChanged="listBoxFond_SelectionChanged" Style="{DynamicResource ListBoxStyle1}" Margin="42.87,80.024,45.728,0" Name="listBoxFond" Height="51.444" VerticalAlignment="Top" BorderThickness="0" BorderBrush="Transparent" Background="Transparent" Visibility="Hidden" ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollBarVisibility="Disabled">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel Background="Transparent">
                        <Border CornerRadius="5" BorderBrush="White">
                            <Image Source="{Binding Path=path}" Width="40" Height="40"/>
                        </Border>
                    </StackPanel>                 
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

J'ia trouvé comment récuperer le listboxitem sélectionné.
Cependant je ne trouve pas comment acceder à la source de mon image.
Personne ne sait???

[ikeas]

a priori tu cherche l'item et dans la datacontext tu es tout
par exemple ici tu reccup le listviewitem pour reccuperer son actualheight

Code :

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

Height="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListViewItem}}, Path=ActualHeight, Converter={StaticResource ReduceConverter}}"

cela dit pour ton ca precis si tu recup le SelectedItem de ta listebox
et tu as l'objet qui se trouve dans le datacontext de ton listboxitem
(donc a priori la source de ton image)

[Gregory.M]

a priori tu cherche l'item et dans la datacontext tu es tout
par exemple ici tu reccup le listviewitem pour reccuperer son actualheight

Height="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListViewItem}}, Path=ActualHeight, Converter={StaticResource ReduceConverter}}"

cela dit pour ton ca precis si tu recup le SelectedItem de ta listebox
et tu as l'objet qui se trouve dans le datacontext de ton listboxitem
(donc a priori la source de ton image)

Je ne sais pas comment récuperer l'élément du datacontext justement

[Thomas Lebrun]

Si tu as le ListBoxItem, utilises VisualTreeHelper pour accéder à l'image et donc à sa source

[ikeas]

en gros tu fais

Code :

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

1
2
3
4
5
6
7
8
 
private void listBoxFond_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
// avec selected item tu reccup l'objet
            monObject x = this.listBoxFond.SelectedItem as monObject ;
            //et apres tu prend ce que tu veux
            string source = x.path;
}

si tu veux reccup l'image (pas le chemin) directement il faut passer le visualtreehelper
sinon tu la recharge

voici un exemple du visualtreehellper

Code :

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

1
2
3
4
5
6
7
 
CheckBox[] cb = new CheckBox[this.Combobox1.Items.Count];
            for (int i = 0; i < this.Combobox1.Items.Count; i++)
            {
                ComboBoxItem cbi = (ComboBoxItem)(Combobox1.ItemContainerGenerator.ContainerFromIndex(i));
                cb[i] = FindVisualChild<CheckBox>(cbi) as CheckBox;
            }

la tu peux simplifier car tu connais l'index de la ligne selectionné
donc
ListBoxItem cbi = (ListBoxItem )(malistbox.ItemContainerGenerator.ContainerFromIndex(malistbox.selectedindex));

puis tu utilise la focntion suivante

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
18
 
 private QueryType FindVisualChild<QueryType>(DependencyObject obj)
            where QueryType : DependencyObject
        {
            for (int i = 0; i < VisualTreeHelper.GetChildrenCount(obj); i++)
            {
                DependencyObject child = VisualTreeHelper.GetChild(obj, i);
                if (child != null && child is QueryType)
                    return (QueryType)child;
                else
                {
                    QueryType childOfChild = FindVisualChild<QueryType>(child);
                    if (childOfChild != null)
                        return childOfChild;
                }
            }
            return null;
        }

en cherchant bien entendu une image

j'espere que ce code peut t'aider

[Gregory.M]

Voila comment je récupere mon listboxitem.

Code :

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

1
2
3
4
5
6
7
8
 
        private void listBoxFond_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            ListBoxItem item = listBoxFond.SelectedItem as ListBoxItem;
 
 
 
        }

Je ne vois pas comment je dois ensuite utiliser ta méthode

[binoo]

Salut, normalement, si tu as rempli ta listBox avec un objet que j'appelle "monObjet" (pour suivre l'exemple d'ikeas) contenant des propriétés avec notamment ta propriété path, tu dois pouvoir accéder à l'objet sélectionné de la manière cité par ikeas qui est donc :

Code c# :

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

1
2
3
4
5
6
7
private void listBoxFond_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
  // avec selected item tu reccup l'objet
  monObject x = this.listBoxFond.SelectedItem as monObject ;
  //et apres tu prend ce que tu veux
  string source = x.path;
}

En résumé il faut effectuer un cast sur le listBoxItem.

Tu dois pouvoir aussi faire ainsi au passage (je crois) :

Code c# :

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

monObject x = sender as monObject;

nb: la fonction donnée après est une autre façon de faire pour récupérer ton image. (il y a donc deux méthodes de proposée )

[Gregory.M]

voila il faut faire comme cela

Code :

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

1
2
 
 monObj item = listBoxFond.SelectedItem as monObj ;

[ikeas]

ben c'est ce que j'avais dit non ?

[Gregory.M]

ben c'est ce que j'avais dit non ?

effectivement. j'avais du mal lire ou je sais pas trop quoi.