Discussion :

[tomlev]

Salut

Est-il possible de contrôler comment est affiché le masque de sélection d'une ListBox ? Je m'explique : quand on sélectionne un élément dans une liste, il est mis en valeur par un masque qui modifie les couleurs.

Dans mon appli, j'ai une ListBox avec des datatemplates alternatifs pour les items. Mais quand je sélectionne un élément dans la liste, seul le texte change de couleur, pas le fond (cf. screenshot)... Donc quand je sélectionne un élément avec un texte noir sur fond blanc, le texte devient blanc donc invisible... je voudrais inverser la couleur de fond.

Je ne vois pas trop comment faire, d'où ma question sur le masque de sélection...

Pour info, voici le code XAML des templates :

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
34
35
36
 
        <DataTemplate x:Key="tmplDVD">
            <Border CornerRadius="5" BorderThickness="1" BorderBrush="Blue"
                    Margin="3" Background="White">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="75" />
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>
                    <Image Grid.Column="0" Source="{Binding Cover}" Width="75" Height="100" Stretch="Uniform" />
                    <StackPanel Grid.Column="1" Orientation="Vertical" VerticalAlignment="Center">
                        <TextBlock FontSize="16" FontWeight="Bold" Text="{Binding Title}" />
                        <TextBlock Text="{Binding Year}" />
                        <TextBlock Text="{Binding Director.Name}" />
                    </StackPanel>
                </Grid>
            </Border>
        </DataTemplate>
 
        <DataTemplate x:Key="tmplDVDAlt">
            <Border CornerRadius="5" BorderThickness="1" BorderBrush="Blue"
                    Margin="3" Background="LightGray">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="75" />
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>
                    <Image Grid.Column="0" Source="{Binding Cover}" Width="75" Height="100" Stretch="Uniform" />
                    <StackPanel Grid.Column="1" Orientation="Vertical" VerticalAlignment="Center">
                        <TextBlock FontSize="16" FontWeight="Bold" Text="{Binding Title}" />
                        <TextBlock Text="{Binding Year}" />
                        <TextBlock Text="{Binding Director.Name}" />
                    </StackPanel>
                </Grid>
            </Border>
        </DataTemplate>

[Thomas Lebrun]

Oui, il me semble que c'est possible en jouant sur une des propriétés de la ListView mais je me rappelle plus laquelle

[tomlev]

c'est aussi ce que je pensais, mais je n'en vois aucune qui semble correspondre...
En attendant, j'ai résolu mon problème en jouant sur la transparence

[BCmDev]

Tu peux définir un style ainsi :

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
 
            <Style x:Key="SelectedListBoxItemStyle" TargetType="{x:Type ListBoxItem}">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type ListBoxItem}">
                            <Border x:Name="Border">
                                <ContentPresenter/>
                            </Border>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsSelected" Value="True">
                                    <Setter Property="Background" Value="sc#1, 1, 0, 0" TargetName="Border"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

Que tu affectes à ta ListBox :

Code :

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

1
2
 
ItemContainerStyle="{DynamicResource SelectedListBoxItemStyle}"

Mais cela nécessite je crois que tu retires la propriété Background de l'élément Border de ton DataTemplate.

[tomlev]

Ah oui, j'avais vu cette propriété ItemContainerStyle, mais elle n'est pas très bien documentée, et je n'avais pas bien compris comment l'utiliser...
Merci de ta réponse, je vais tester ça...