Changement ListViewItem couleur de fond au survol de la souris

J'ai besoin d'un peu d'aide ici. Je ne peux pas comprendre pourquoi aucune des solutions que j'ai trouvé du travail pour mon cas. Prenons l'exemple d'un Listview avec ces éléments:

<ListView.Items>
    <ListViewItem>
          <TextBlock xml:space="preserve">  1 <Bold>I'm bold</Bold>   </TextBlock>
    </ListViewItem>
    <ListViewItem>
          <TextBlock  xml:space="preserve"> 2 Im not </TextBlock>
    </ListViewItem>
</ListView.Items>

D'abord sur le vol stationnaire chaque ligne j'ai vu le point culminant de la TextBlock dans son défaut de lumière bleue. Il ne souligné la zone de texte:
Changement ListViewItem couleur de fond au survol de la souris

Je ne veux pas que je veux mettre en évidence celui de l'ensemble de la ligne, et je veux décider de la couleur. Je veux aussi que le point culminant de l'ensemble de la ligne lors de la sélection:
Changement ListViewItem couleur de fond au survol de la souris

J'ai été jouer avec les Styles, les Triggers ou la ItemContainerStyle. J'ai réalisé que je dois considérer le fond de la zone de texte, et l'un des ListViewItem pour la zone de texte. Et l'arrière-plan de l'ensemble de la ligne semble être une entreprise de la ListView.ItemContainerStyle.

Le résultat de l'ajout d'un style pour la zone de texte:

    <Style x:Key="TextBlockStyle" TargetType="{x:Type TextBlock}">
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
               <Setter Property="Foreground" Value="Black" />
                <Setter Property="Background" Value="White"/> 
            </Trigger>
        </Style.Triggers>
    </Style>

<ListView Grid.Column="1" Margin="0" HorizontalContentAlignment="Stretch" BorderThickness="0" >
        <ListView.Resources>
                <Style BasedOn="{StaticResource TextBlockStyle}" TargetType="{x:Type TextBlock}" />   
          </ListView.Resources>

est: Changement ListViewItem couleur de fond au survol de la souris

Puis-je ajouter un autre style pour essayer de se débarrasser de la liste de rappel selon la zone de texte:

    <Style x:Key="ListViewItemStyle" TargetType="{x:Type ListViewItem}">
                    <Style.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Background" Value="Gold" />
                        </Trigger>
                    </Style.Triggers>
     </Style>

 <ListView Grid.Column="1" Margin="0" HorizontalContentAlignment="Stretch" BorderThickness="0" >
        <ListView.Resources>
                <Style BasedOn="{StaticResource TextBlockStyle}" TargetType="{x:Type TextBlock}" />
                 <Style BasedOn="{StaticResource ListViewItemStyle}" TargetType="{x:Type ListViewItem}" />    
          </ListView.Resources>

Mais cela n'a aucun effet.

Et en essayant de mettre en évidence l'ensemble de la ligne avec ce qui ne fonctionne pas:

<ItemsControl.ItemContainerStyle>
    <Style>
        <Style.Triggers>
               <Trigger Property="Control.IsMouseOver" Value="True">
                    <Setter Property="Control.Background" Value="Gold" />
                        </Trigger>
         </Style.Triggers>
    </Style>
</ItemsControl.ItemContainerStyle>

Et j'ai essayé plusieurs autres suggestions pour des heures. Celui-ci:
Supprimer la souris sur l'effet sur une ListView dans WPF évite la surbrillance dans le texte sur le vol stationnaire,à la fois pour la zone de texte et la ListViewItem, mais je ne sais pas comment changer l'arrière-plan de l'ensemble de la ligne.
Quelqu'un pourrait-il donner un exemple de ce que je suis en train de faire?

Modifier l'arrière-plan du Conteneur dans votre DataTemplate.

OriginalL'auteur Miguel Angel Fas | 2016-07-01

Le moyen le plus facile de voir et de changer tous les style-options pour un élément donné est d'exporter le modèle par défaut pour un contrôle.

Donc ouvrez Visual Studio ou le Mélange et faites un Clic Droit dans la Vue de Conception sur un contrôle. Passez à "Modifier le Modèle" - >, Et sélectionnez " Modifier une Copie...'
De sortie:

        <SolidColorBrush x:Key="Item.MouseOver.Background" Color="Gold"/>
<SolidColorBrush x:Key="Item.MouseOver.Border" Color="#a826A0Da"/>
<SolidColorBrush x:Key="Item.SelectedInactive.Background" Color="#3DDADADA"/>
<SolidColorBrush x:Key="Item.SelectedInactive.Border" Color="#FFDADADA"/>
<SolidColorBrush x:Key="Item.SelectedActive.Background" Color="#3D26A0DA"/>
<SolidColorBrush x:Key="Item.SelectedActive.Border" Color="#FF26A0DA"/>
<Style x:Key="ListViewContainerStyle" TargetType="{x:Type ListViewItem}">
<Setter Property="SnapsToDevicePixels" Value="True"/>
<Setter Property="Padding" Value="4,1"/>
<Setter Property="HorizontalContentAlignment" Value="{Binding HorizontalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/>
<Setter Property="VerticalContentAlignment" Value="{Binding VerticalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/>
<Setter Property="Background" Value="Transparent"/>
<Setter Property="BorderBrush" Value="Transparent"/>
<Setter Property="BorderThickness" Value="1"/>
<Setter Property="FocusVisualStyle" Value="{StaticResource FocusVisual}"/>
<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="IsMouseOver" Value="True"/>
</MultiTrigger.Conditions>
<Setter Property="Background" TargetName="Bd" Value="{StaticResource Item.MouseOver.Background}"/>
<Setter Property="BorderBrush" TargetName="Bd" Value="{StaticResource Item.MouseOver.Border}"/>
</MultiTrigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="Selector.IsSelectionActive" Value="False"/>
<Condition Property="IsSelected" Value="True"/>
</MultiTrigger.Conditions>
<Setter Property="Background" TargetName="Bd" Value="{StaticResource Item.SelectedInactive.Background}"/>
<Setter Property="BorderBrush" TargetName="Bd" Value="{StaticResource Item.SelectedInactive.Border}"/>
</MultiTrigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="Selector.IsSelectionActive" Value="True"/>
<Condition Property="IsSelected" Value="True"/>
</MultiTrigger.Conditions>
<Setter Property="Background" TargetName="Bd" Value="{StaticResource Item.SelectedActive.Background}"/>
<Setter Property="BorderBrush" TargetName="Bd" Value="{StaticResource Item.SelectedActive.Border}"/>
</MultiTrigger>
<Trigger Property="IsEnabled" Value="False">
<Setter Property="TextElement.Foreground" TargetName="Bd" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>

Maintenant, vous avez un bon point de départ pour obtenir votre ItemContainerStyle personnalisés.

Ce code suit l'idée de la solution dans le lien que j'ai fourni. Ici, le résultat est le même que celui de la situation initiale, mais avec une couleur personnalisée. Il permettrait de résoudre mon problème, si je pouvais changer le ListViewItem largeur pour être le même que l'ensemble de la ligne. Mais si je change le HorizontalContentAlignment de la propriété pour prendre la valeur d'Étirement, au lieu de la condition dans votre code, il ne fonctionne pas.

OriginalL'auteur mathayk

13

Essayez ceci:
```
        <ListView.ItemContainerStyle>
<Style TargetType="{x:Type ListViewItem}">
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Background" Value="Gold" />
</Trigger>
</Style.Triggers>
</Style>
</ListView.ItemContainerStyle>
```
J'ai essayé ceci mais cela ne souligné la zone de texte, et non pas l'ensemble de la ligne.
` TargetType="{x:Type de ListViewItem}"` est important dans ce cas.
cette méthode ne fonctionne pas, voir @mathayk post ci-dessus. affichage de la liste est de loin beaucoup plus complexe de contrôle et de changer le Fond tout simplement ne rien faire.
qui a fonctionné pour moi en revanche j'ai wan pas à se débarrasser de la pente chose que vous ne savez pas comment, si je viens de définir la couleur de fond la couleur, mais il gradient de chose reste

OriginalL'auteur mechanic
0

Bien, j'ai laissé tomber et a tenté une autre voie. J'ai réalisé que la modification de la ListViewItems pour les Boutons, puis l'ensemble de la ligne a été mis en évidence sur le dessus de la souris. J'étais à la recherche ce n'est pas seulement pour des raisons esthétiques. Dans la situation d'origine, l'utilisateur doit déplacer le pointeur juste sur le texte pour le sélectionner. Mais maintenant, ils peuvent sélectionnez simplement avoir le pointeur de la ligne, vous n'avez pas besoin d'aller et de déplacer la souris sur le texte. Je trouve ça beaucoup plus confortable et rapide pour l'utilisateur, et c'est très important pour le type d'interface, je suis en train de faire, car ils vont avoir besoin de faire assez souvent.

Donc, le code de @mathayk fonctionne pour moi avec des Boutons au lieu de ListViewItems.

Merci à vous tous pour votre temps.

OriginalL'auteur Miguel Angel Fas

Vous devez vous connecter pour publier un commentaire.