WPF ListView Inactif Couleur de Sélection

Je suis de la création d'une application WPF où plusieurs ListView les sélections sont faites dans une ligne (similaire au navigateur iTunes). Le problème est que la valeur par défaut inactif sélection de la couleur est trop claire. (voir ci-dessous)
WPF ListView Inactif Couleur de Sélection

Comment puis-je changer cette couleur si mon inactifs listview ressemble à ceci? (voir ci-dessous)
WPF ListView Inactif Couleur de Sélection

Solution

Remplacer la valeur par défaut SystemColor avec un Style comme suit:

<Style TargetType="ListViewItem">
    <Style.Resources>
        <SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}" Color="{x:Static SystemColors.HighlightColor}"/>
    </Style.Resources>
</Style>

InformationsquelleAutor Joseph Sturtevant | 2008-12-19

56

La ListBox modèle utilise un système de couleur appelé ControlBrush pour définir les inactifs couleur de surbrillance. Par conséquent, vous pouvez simplement remplacer que la couleur:
```
<ListBox>
    <ListBox.Resources>
        <SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}">Red</SolidColorBrush>
    </ListBox.Resources>
</ListBox>
```
- Il y a des problèmes avec cette façon de faire. Il ne vous permettra pas de peau à l'application, et si vous allez changer les couleurs du système en modifiant votre Thème Windows, il va revenir
- Ne vous autorise pas à la peau de l'application? Comment alors? Il suffit de regarder une ressource pour la couleur, au lieu de coder en dur comme en rouge. Et je viens de tester de changer le thème avec un harnais de test en cours d'exécution, et il a parfaitement fonctionné. Veuillez préciser.
- C'est surprenant. Qu'advient-il si vous mettez d'autres zones de liste dans un formulaire que vous ne voulez pas de style de cette manière?
- La ressource est définie au niveau de la zone de liste, de sorte qu'il n'affecte que la zone de liste.
- Ce qui se passe réellement est que vous êtes en remplaçant la touche style pour tous les objets qui l'utilisent.
- C'est une ressource donc soumis aux règles normales de la recherche de ressources. Michée, essayez-le vous-même. Mettre deux zones de liste dans une Fenêtre avec la ressource de remplacement et l'autre sans. Le changement de couleur n'affecte que l'un avec les ressources de remplacement.
- Merci pour les commentaires, à la fois de vous. Je suis d'accord qu'il y a des problèmes avec cette solution (variable Thèmes de Windows, etc.), mais dans ce cas, je veux les inactifs mettant être de la même couleur que l'actif mettant en évidence, de sorte que cette solution est exactement ce que je cherche.
- J'ai exactement le même problème. Mais ma couleur de police doit être blanc. Au moment où il est mis à blanc, mais il est remplacer par cette ressource au noir. Toutes les idées de comment changer cela? Je Vous Remercie.
- Pour .NET 4.5, on dirait qu'ils ont changé la clé -- voir @user672951 réponse ci-dessous.
- C'est une MAUVAISE idée, NE PAS le FAIRE -- pour les utilisateurs, avec des effets visuels éteint, cela va gâcher beaucoup de choses, les barres de défilement et les boutons de changement deviendra la couleur de surbrillance (ce qui est en bleu par défaut -- donc à votre intérieur de boutons et ListView les barres de défilement est bleu, très mal!). [Pour voir ce que je veux dire, essayer ce hack sur le "Windows Classique" thème, car il a tous les effets visuels désactivé.] Veuillez voir la réponse ici pour la façon CORRECTE de faire ceci: stackoverflow.com/questions/1462232/...
InformationsquelleAutor Kent Boogaart
61

Changer SystemColors.ControlBrushKey ne fonctionne pas pour moi, j'ai dû changer
SystemColors.InactiveSelectionHighlightBrushKey

Ainsi, au lieu de:
```
<SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}" Color="Red" />
```
J'ai eu à utiliser:
```
<SolidColorBrush x:Key="{x:Static SystemColors.InactiveSelectionHighlightBrushKey}" Color="Red"/>
```
- J'ai aussi dû changer cette valeur, la ControlBrushKey était de ne pas changer la couleur. Cependant la couleur que je saisir est toujours d'obtenir une autre couleur appliquée sur le dessus de cela, donc, mon Bleu est de plus en violet. Est-ce arrivé à vous?
- Je souhaite que je pourrais upvote cette réponse plus d'une fois, comme j'ai essayé de résoudre ce problème, un certain nombre de fois . Je suis également en utilisant .NET 4.5 et ont essayé tous les autres réponses, sans succès.
- C'est ce que j'ai utilisé avant que j'ai eu à travailler sur un .NET 4 projet... j'ai eu à mettre en œuvre un style similaire à la Solution réponse .NET 4 pour mon DataGridRow de sorte qu'il serait plus facile de travailler avec des données (savoir facilement ce qui a été sélectionné).
- dans .net 4.5 FrameworkCompatibilityPreferences.AreInactiveSelectionHighlightBrushkeyssupported contrôles de champ dont la couleur est utilisé pour la mettre en surbrillance.
InformationsquelleAutor user672951
19

La réponse sera dans certains cas de résoudre le problème, mais n'est pas idéal, car il se brise lorsque le contrôle est désactivé/readonly et il remplace également les schémas de couleurs, plutôt que de profiter d'eux. Ma suggestion est d'ajouter le texte suivant dans la zone de liste de tags lieu:
```
<ListBox....>
    <ListBox.Resources>
            <Style TargetType="ListBoxItem">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="ListBoxItem">
                            <Border Name="Border" Padding="2" SnapsToDevicePixels="true">
                                <ContentPresenter />
                            </Border>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsSelected" Value="true">
                                    <Setter TargetName="Border" Property="Background"
                                            Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
        </Style>
    </ListBox.Resources>
</ListBox>
```
Ce que cela va faire est de définir le point culminant couleur d'arrière-plan sur l'élément de zone de liste lorsqu'il est sélectionné (indépendamment du contrôle de l'état).

Ma réponse est basée sur l'aide de la réponse déjà donnée, ainsi que le blog suivant: http://blogs.vbcity.com/xtab/archive/2009/06/29/9344.aspx
- Cela permet d'obtenir ce que l'OP a été demander, cependant, ne remarque que ce style rend tout le texte en noir (sur mon système, le texte mis en surbrillance est généralement blanc, parce que le noir sur bleu foncé est trop illisible).
- il suffit de créer régulièrement un déclencheur qui définit le premier plan de "HighlightTextBrushKey" quand IsSelected est vrai. Je vais soumettre une modification à la réponse, mais il résout le problème que vous mentionnez. C'est la bonne façon de faire ce que l'OP veut (le dictionnaire des approches de causer des visuels effets secondaires pour certains utilisateurs en fonction de leurs thèmes)...
- Très utile... j'aime cette méthode mieux parce que les couleurs ne sont pas qui prévalent sur toute autre couleur, et il fonctionne alors que le contrôle est désactivé, ce qui était mon cas d'utilisation. Merci!
- Cela fonctionne pour WPF sur .Net 4.6. Vous ne pouvez pas créer un style pour ListBoxItem directement remplace la Background via IsSelected de déclenchement (cela fonctionne pour de nombreuses propriétés, mais pas pour le fond). Je suppose que c'est un problème avec l'ordre d'exécution des différents déclencheurs. Vous avez vraiment de remplacer le modèle de contrôle.
InformationsquelleAutor Thies

Vous devez remplacer certaines propriétés de SystemColors. Jetez un oeil à SystemColors Classe (MSDN). Il y a plus de propriétés que InactiveSelectionHighlightBrushKey, par exemple InactiveSelectionHighlightTextBrushkey qui affecte la couleur du texte.

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Red"/>
        <SolidColorBrush x:Key="{x:Static SystemColors.HighlightTextBrushKey}" Color="White"/>
        <SolidColorBrush x:Key="{x:Static SystemColors.InactiveSelectionHighlightBrushKey}" Color="Yellow"/>
        <SolidColorBrush x:Key="{x:Static SystemColors.InactiveSelectionHighlightTextBrushKey}" Color="Blue"/>
        <Style TargetType="ListViewItem">
            <Setter Property="FontSize" Value="20" />
            <Setter Property="FontWeight" Value="Bold" />
            <Setter Property="Padding" Value="25,5" />
        </Style>
    </Window.Resources>
    <StackPanel Orientation="Horizontal">
        <ListView>
            <ListViewItem Content="Item" />
            <ListViewItem Content="Item" />
        </ListView>
        <ListView>
            <ListViewItem Content="Item" />
            <ListViewItem Content="Item" />
        </ListView>
    </StackPanel>
</Window>

WPF ListView Inactif Couleur de Sélection

Intéressant de noter que cela ne fonctionne pas .NET 4.0

InformationsquelleAutor pr0gg3r

En plus .NET Cadres primordial de couleurs du système ne fonctionne pas. Solution qui fonctionne .NET Framework 4.0 est ici.

<ListView>
<ListView.Resources>
<Style TargetType="{x:Type ListViewItem}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type ListViewItem}">
                <Border x:Name="Bd"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}"
                        Background="{TemplateBinding Background}"
                        Padding="{TemplateBinding Padding}"
                        SnapsToDevicePixels="true">
                    <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                        SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
                                        VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
                </Border>
                <ControlTemplate.Triggers>
                    <MultiTrigger>
                        <MultiTrigger.Conditions>
                            <Condition Property="Selector.IsSelectionActive"
                                        Value="False" />
                            <Condition Property="IsSelected"
                                        Value="True" />
                        </MultiTrigger.Conditions>
                        <Setter Property="Background"
                                TargetName="Bd"
                                Value="DarkOrange" />
                    </MultiTrigger>
                    <MultiTrigger>
                        <MultiTrigger.Conditions>
                            <Condition Property="Selector.IsSelectionActive"
                                        Value="True" />
                            <Condition Property="IsSelected"
                                        Value="True" />
                        </MultiTrigger.Conditions>
                        <Setter Property="Background"
                                TargetName="Bd"
                                Value="OrangeRed" />
                    </MultiTrigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Fonctionne à la fois pour ListBox et ListView.

Bien que cela pourrait être une précieuse indication pour résoudre le problème, une bonne réponse démontre également la solution. Veuillez MODIFIER afin de fournir un exemple de code pour afficher ce que tu veux dire. Sinon, envisager d'écrire cela comme un commentaire au lieu

InformationsquelleAutor Gabriel

1

Basé sur cette autre réponse j'ai utilisé le suivre pour faire le active & inactif couleurs, même sans le coder en dur la valeur réelle:
```
<ListBox.Resources>
    <SolidColorBrush x:Key="{x:Static SystemColors.InactiveSelectionHighlightBrushKey}" 
                     Color="{x:Static SystemColors.HighlightColor}"/>
    <SolidColorBrush x:Key="{x:Static SystemColors.InactiveSelectionHighlightTextBrushKey}"
                     Color="{x:Static SystemColors.HighlightTextColor}"/>
</ListBox.Resources>
```
Ayant la même couleur pour à la fois active & inactif ne peut pas être idéal, mais les couleurs par défaut étaient si faibles qu'il est difficile de dire quel élément a été sélectionné lorsqu'il est inactif, ce qui est une nette amélioration.

InformationsquelleAutor DaveInCaz

Pour moi ce qui a fait le tour:

 <ListBox HorizontalContentAlignment="Stretch">
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <Label  Margin="-5, -2,-5,-2" Content="{Binding Item}">
                            <Label.Style>
                                <Style TargetType="Label">
                                    <Style.Triggers>
                                        <MultiDataTrigger>
                                            <MultiDataTrigger.Conditions>
                                                <Condition Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type ListBox}},Path=IsFocused}" Value="False"/>
                                                <Condition Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type ListBoxItem}},Path=IsSelected}" Value="True"/>
                                            </MultiDataTrigger.Conditions>
                                            <Setter Property="Background" Value="CornflowerBlue"/>
                                        </MultiDataTrigger>
                                        <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type ListBoxItem}},Path=IsSelected}" Value="True">
                                            <Setter Property="Foreground" Value="White"/>
                                        </DataTrigger>
                                        <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type ListBoxItem}},Path=IsSelected}" Value="False">
                                            <Setter Property="Foreground" Value="Black"/>
                                        </DataTrigger>
                                    </Style.Triggers>
                                </Style>
                            </Label.Style>
                        </Label>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>

InformationsquelleAutor Martin Ch

Vous devez vous connecter pour publier un commentaire.