[WPF] Masque de sélection d'une ListBox

Version imprimable

1 pièce(s) jointe(s)

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:

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>

06/04/2008, 21h27
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 :?
07/04/2008, 00h16
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

Tu peux définir un style ainsi :

Code:

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:

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.

07/04/2008, 16h27
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...