[XAML] ListView et TextAlignment

Version imprimable

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:

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. :calim2:

Salut,

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

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).

14/09/2010, 12h53
Cyrilange

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

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:

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>

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:

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>

15/09/2010, 10h11
binoo

Le code :

Code:

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).
15/09/2010, 10h52
Cyrilange

Ca marche :ccool:
Merci beaucoup pour ton aide binoo.
Du coup le TextAlignment du TextBlock fonctionne aussi.

Je me suis cassé la tête pour pas grand chose finalement :marteau:

:merci: