Discussion :

[Golzinne]

Bonjour,

Je voudrais pouvoir diminuer l'espacement vertical entre les items d'un ListBox.

Voici mon code:

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
            <ListBox x:Name="listAchats" Margin="8,155,8,0" IsEnabled="False" Height="374" VerticalAlignment="Top" Background="AliceBlue" Padding="0">
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <Grid Height="15" Width="334" Background="Aquamarine" >
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="0.6*"/>
                                <ColumnDefinition Width="0.4*"/>
                            </Grid.ColumnDefinitions>                 
                            <Grid.RowDefinitions >
                                <RowDefinition Height="15"/>
                            </Grid.RowDefinitions>
 
                            <TextBox x:Name="maDate" Grid.Column="0" Margin="8,0,0,0" Padding="0,0,0,0" Text="{Binding AchatCreationDate, Converter={StaticResource MyDateTimeConverter}}"  TextWrapping="Wrap" Background="White" BorderThickness="0" Height="15"/>
                            <TextBox x:Name="monMontant" Grid.Column="1"  Margin="8,0,0,0" Padding="0,0,0,0"  Text="{Binding AchatMontant}" TextAlignment="Right" TextWrapping="Wrap" Background="White" BorderThickness="0" Height="15"/>
                        </Grid>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>

Mon ListBox affiche donc des items constitués de grilles de 15 pixels de haut qui contiennent deux TextBox de 15 pixels de haut.

Chaque Item est séparé du suivant par un espacement de plus ou moins 4 pixels et j'aimerais pouvoir le réduire à 1 voire même à 0. Ou puis-je changer celà ?

[Pragmateek]

Peut-être en settant une margin négative sur la Grid.

[Skyounet]

Peut-être en settant une margin négative sur la Grid.

Hum ça risque de décaler le premier élément également.

J'essaierai plutôt un truc du genre.

Code xml :

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

1
2
3
<Style TargetType="ListBoxItem" x:Key="testStyleLb">
    <Setter Property="Padding" Value="0,0,0,-5" />
</Style>

et de rajouter ItemContainerStyle="{StaticResource testStyleLb}" à la ListBox.

[Golzinne]

Merci Skyounet,

effectivement ta méthode fonctionne nickel et la première ligne est maintenant bien la même que les autres.