Discussion :

[Jérem22]

Bonjour à tous,

Dans mon appli WPF, j'utilise un ListView. Je voudrai supprimer la couleur par défaut (bleu) de sélection lorsqu'on clique sur un item, pour la remplacer par autre chose (par exemple une bordure rouge sur l'item).

J'utilise déjà un Converter sur la propriété Background afin d'avoir des couleurs alternées pour mes items.

Voilà le Style XAML :

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="MyContainer" TargetType="{x:Type ListViewItem}">
      <Style.Resources>
        <!--<SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Pink"/>
        <SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}" Color="Pink"/>-->
      </Style.Resources>
      <Setter Property="Margin" Value="0,1,0,0"/>
      <Setter Property="Height" Value="21"/>
      <Style.Triggers>          
        <Trigger Property="IsSelected" Value="false">
          <Setter Property="Background">
            <Setter.Value>
               <Binding RelativeSource="{RelativeSource Self}" Converter="{StaticResource BackgroundConverter}"/>
            </Setter.Value>
          </Setter>
        </Trigger>        
      </Style.Triggers>
    </Style>

Comme on peut le voir, avec le

Code :

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

1
2
3
 
        <!--<SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Pink"/>
        <SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}" Color="Pink"/>-->

je peux changer la couleur de sélection (le bleu dont je parle quand on clique une fois sur un item), mais je ne sais pas comment m'y prendre pour ne pas changer du tout la couleur - et ainsi conserver mon alternance de couleur entre les items.

Merci d'avance,
Jérem

[Thomas Lebrun]

Heu... je dois admettre que je ne suis pas sur d'avoir tout à fait compris ton pb...

[Jérem22]

Je vais essayer d'être plus clair.

Prenons un ListView, avec des ListViewItem dedans. Quand on clique une fois sur un items, le background de cet item devient bleu, pour montrer la sélection.

Je voudrai changer cela, c'est à dire ne pas changer la couleur d'arrière plan de l'item, mais le dessiner autrement, par exemple avec une bordure rouge.

J'espère avoir été clair, sinon, je veux bien mettre un ptit dessin si y'a besoin

Merci

[Thomas Lebrun]

Tu fais un Trigger pour savoir si l'item a le focus (IsFocused = True) et en fonction de cela, tu appliques le template que tu veux

[UNi[FR]]

Pour la selection d'un ListView la propriété ce n'est pas IsSelected ?

Jérem22 tu pourras mettre le code dés que tu y arrive STP ?

[Thomas Lebrun]

Possible mais attention, ce n'est pas parce qu'un contrôle a le focus qu'il est sélectionné

[Jérem22]

J'ai finalement réussis... Voilà le code XAML du style que j'utilise :

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
<Style x:Key="MyContainer" TargetType ="ListViewItem">
      <Setter Property ="Template">
        <Setter.Value>
          <ControlTemplate TargetType ="{x:Type ListViewItem}">
            <Grid Background ="{TemplateBinding Background}">
              <GridViewRowPresenter x:Name="ItemContent" Focusable="False"   Grid.Row="0">
              </GridViewRowPresenter>
            </Grid>
            <ControlTemplate.Triggers>
              <Trigger Property="IsMouseOver" Value="true">
                <Setter Property="Foreground" Value="Blue" />
                <Setter Property="Background">
                  <Setter.Value>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                      <GradientStop Color="#FFFFC704" Offset="0.986"/>
                      <GradientStop Color="#FFF4E057" Offset="0.5"/>
                      <GradientStop Color="#FFF4E057" Offset="0.51"/>
                    </LinearGradientBrush>
                  </Setter.Value>
                </Setter>
                <Setter Property="FontSize" Value="12"/>
              </Trigger>
            </ControlTemplate.Triggers>
          </ControlTemplate>
        </Setter.Value>
      </Setter>
      <Setter Property="Background">
        <Setter.Value>
          <Binding RelativeSource="{RelativeSource Self}" Converter="{StaticResource BackgroundConverter}"/>
        </Setter.Value>
      </Setter>
      <Setter
        Property="HorizontalContentAlignment"
        Value="Stretch" />
      <Setter
        Property="VerticalContentAlignment"
        Value="Stretch" />
      <Setter Property ="Height" Value ="30" />
    </Style>

[_juju_]

Si non, tout simplement, dans le style de ta listView tu redéfinis les couleurs suivantes:

Code :

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

1
2
3
4
5
6
7
8
9
 
<Style TargetType=”ListViewItem”>
 
<Style.Resources>
<SolidColorBrush x:Key=”{x:Static SystemColors.HighlightBrushKey}” Color=”Green”/>
<SolidColorBrush x:Key=”{x:Static SystemColors.ControlBrushKey}” Color=”LightBlue”/>
</Style.Resources>
 
</Style>

[Thomas Lebrun]

Si non, tout simplement, dans le style de ta listView tu redéfinis les couleurs suivantes:

<Style TargetType=”ListViewItem”>

<Style.Resources>
<SolidColorBrush x:Key=”{x:Static SystemColors.HighlightBrushKey}” Color=”Green”/>
<SolidColorBrush x:Key=”{x:Static SystemColors.ControlBrushKey}” Color=”LightBlue”/>
</Style.Resources>

</Style>

Effectivement: je viens tout juste de le faire pour un projet et ca marche nickel

[Saroumane]

En changeant les couleurs sur transparent,il reste malgré tout le contour de pointillé qui symbolise la sélection ,est il possible aussi de le cacher ?

J'applique un bitmap effect sur l'item sélectionné ,et ces pointillés m'embêtent beaucoup.

[Thrud]

pour le contour pointillé, c'est la propriété 'FocusVisualStyle' qu'il faut mettre à null dans ton style

Code :

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

1
2
<Setter Property="FocusVisualStyle" Value="{x:Null}"/>