Discussion :

[Cyrilange]

Comment aligner le texte à droite dans une colonne d'un ListView ?

J'ai essayé plusieurs exemples que j'ai trouvé sur le net sans résultat. Mon texte est toujours aligné à gauche.

Voici mon code :

Code xml :

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
 
<ListView  ScrollViewer.HorizontalScrollBarVisibility="Hidden" ScrollViewer.VerticalScrollBarVisibility="Hidden" Height="559"  Margin="25,296,35,0" Name="ListViewLignes" VerticalAlignment="Top" BorderThickness="0" BorderBrush="{x:Null}" FontSize="10">
            <ListView.ItemContainerStyle>
                <Style TargetType="ListViewItem">
                    <Setter Property="HorizontalContentAlignment" Value="Stretch" />
                </Style>
            </ListView.ItemContainerStyle>
 
            <ListView.Resources>
                <ResourceDictionary>
                    <Style x:Key="hiddenStyle" TargetType="GridViewColumnHeader">
                        <Setter Property="Visibility" Value="Collapsed" />
                    </Style>
                                   </ResourceDictionary>
 
            </ListView.Resources>
 
            <ListView.View>
 
                <GridView>
 
                    <GridViewColumn DisplayMemberBinding="{Binding quantite}" Width="60" >
                        <GridViewColumn.CellTemplate>
                            <DataTemplate>
 
<TextBlock Text="{Binding quantite}" Margin="0"   TextAlignment ="Right" />
 
                            </DataTemplate> 
                        </GridViewColumn.CellTemplate> 
                    </GridViewColumn>
                </GridView>
            </ListView.View>
        </ListView>

Merci de votre aide.

[binoo]

Salut,

Avec la valeur 'Right' pour la propriété 'HorizontalContentAlignment', cela devrait fonctionner.

Code xml :

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

1
2
3
4
5
      <ListView.ItemContainerStyle>
        <Style TargetType="ListViewItem">
          <Setter Property="HorizontalContentAlignment" Value="Right" />
        </Style>
      </ListView.ItemContainerStyle>

Si tu utilises des DataTemplate pour tes cellules, il y aura peut-être quelque chose à modifier du côté de ces DataTemplate (à voir).

[Cyrilange]

Cela fonctionne effectivement mais comment faire pour que cela ne s'applique pas à toutes les colonnes mais seulement à certaines colonnes ?

[binoo]

Dans ce cas il faut mettre la propriété à Stretch et jouer avec le CellTemplate des colonnes concernées.

Exemple où les valeurs de la colonne 1 sont alignées sur la droite :

Code xml :

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
    <ListView ... >
      <ListView.ItemContainerStyle>
        <Style TargetType="ListViewItem">
          <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        </Style>
      </ListView.ItemContainerStyle>
 
      <ListView.View>
        <GridView>
          <GridViewColumn Width="140" Header="Column 1" >
            <GridViewColumn.CellTemplate>
              <DataTemplate>
                <Label HorizontalContentAlignment="Right" Content="{Binding Valeur1}" />
              </DataTemplate>
            </GridViewColumn.CellTemplate>
          </GridViewColumn>
          <GridViewColumn Width="140" Header="Column 2" DisplayMemberBinding="{Binding Valeur2}" />
        </GridView>
      </ListView.View>
 
    </ListView>

[Cyrilange]

Non, cette fois-ci le code ne fonctionne pas pour moi. Le texte est toujours aligné à gauche. Le HorizontalContentAlignment du Label ne fait pas mieux que le TextAlignment du TextBlock.

Voici mon code :

Code XML :

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
 
<ListView  ScrollViewer.HorizontalScrollBarVisibility="Hidden" ScrollViewer.VerticalScrollBarVisibility="Hidden" Height="559"  Margin="25,296,35,0" Name="ListViewLignes" VerticalAlignment="Top" BorderThickness="0" BorderBrush="{x:Null}" FontSize="10">
            <ListView.ItemContainerStyle>
                <Style TargetType="ListViewItem">
                    <Setter Property="HorizontalContentAlignment" Value="Stretch" />
                 </Style>
           </ListView.ItemContainerStyle>
 
            </ListView.Resources>
 
            <ListView.View>
 
                <GridView>
                    <GridView.ColumnHeaderContainerStyle>
                        <Style>
                            <Setter Property="FrameworkElement.Visibility" Value="Collapsed"   />
                        </Style>
                    </GridView.ColumnHeaderContainerStyle>
 
                    <GridViewColumn DisplayMemberBinding="{Binding quantite}" Width="60" >
                        <GridViewColumn.CellTemplate>
                            <DataTemplate>
                                <Label HorizontalContentAlignment="Right" Content="{Binding quantite}" />
                             </DataTemplate> 
                        </GridViewColumn.CellTemplate> 
                    </GridViewColumn>
                 </GridView>
            </ListView.View>
        </ListView>

[binoo]

Le code :

Code :

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

DisplayMemberBinding="{Binding quantite}"

n'est pas utile et prend la main devant le CellTemplate, d'où l'inefficacité du HorizontalContentAlignment.
Il faut l'enlever lorsque tu utilises un CellTemplate et c'est dans ce dernier que tu fais le Binding (comme tu le fais déjà d'ailleurs).