Discussion :

[Finality]

Bonjour tout le monde,

je suis en train de développer une petite application en WPF et je bute sur un point qui me semblait pourtant assez simple. J'aimerai afficher sous forme d'une grille à deux colonnes des éléments. Pour cela j'utilise une listBox de cette façon :

Code xaml :

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<ListBox Name="lbTest" ItemsSource="{Binding}" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <WrapPanel Orientation="Horizontal" HorizontalAlignment="Stretch" />
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>
 
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal">
                        <Image Height="100" Width="100" />
                        <StackPanel Orientation="Vertical">
                            <StackPanel Orientation="Horizontal">
                                <TextBlock>Date de naissance :</TextBlock>
                                <TextBlock Text="{Binding DateDeNaissance}"></TextBlock>
                            </StackPanel>
 
                            <StackPanel Orientation="Horizontal">
                                <TextBlock>Adresse :</TextBlock>
                                <TextBlock Text="{Binding Adresse}"></TextBlock>
                            </StackPanel>
 
                            <StackPanel Orientation="Horizontal">
                                <TextBlock>Rang Gemellaire :</TextBlock>
                                <TextBlock Text="{Binding RangGemellaire}"></TextBlock>
                            </StackPanel>
 
                        </StackPanel>
 
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
 
        </ListBox>

Le problème c'est que j'aimerai que chaque élément prenne 50% de la largeur de la listbox (pour pouvoir en afficher deux par ligne). Or je ne sais pas comment faire. Auriez-vous une idée ?

Merci par avance

[beekeep]

Bonjour,

pourquoi ne pas simplement utiliser une Grid avec deux colonnes ?

[Finality]

Bonjour beekeep

Oui je suis pas fermé à cette solution. Mais vu que je fonctionne en binding comment tu fais pour attribuer le bon numéro de colonne ?

[beekeep]

Tu peux remplacer le WrapPanel par un <UniformGrid Columns="2" />.

[youtpout978]

Tu veux afficher les libellés d'un côté et les données de l'autre ? Si c'est le cas c'est comme ça, sinon tu peux t'inspirer de ce résultat:

Code xaml :

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
19
20
21
22
23
24
25
26
27
28
        <ListBox Name="lbTest" ItemsSource="{Binding}" HorizontalContentAlignment="Stretch" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Vertical" >
                        <Image Height="100" Width="100" />
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="1*"></ColumnDefinition>
                                <ColumnDefinition Width="1*"></ColumnDefinition>
                            </Grid.ColumnDefinitions>
 
                            <StackPanel Orientation="Vertical" Grid.Column="0">
                                <TextBlock>Date de naissance :</TextBlock>
                                <TextBlock>Adresse :</TextBlock>
                                <TextBlock>Rang Gemellaire :</TextBlock>
                            </StackPanel>
 
                            <StackPanel Orientation="Vertical" Grid.Column="1">
                                <TextBlock Text="{Binding Adresse}"></TextBlock>
                                <TextBlock Text="{Binding DateDeNaissance}"></TextBlock>
                                <TextBlock Text="{Binding RangGemellaire}"></TextBlock>
                            </StackPanel>
                        </Grid>
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
 
        </ListBox>

[Finality]

Tu peux remplacer le WrapPanel par un <UniformGrid Columns="2" />.

Super je ne connaissais pas cette technique merci beaucoup