MouseOver mettant en surbrillance le style retournant à la valeur par défaut après une seconde (Caused by Aero?)

Question

Je voudrais essayer de style mes ComboBoxes pour faire correspondre le reste de l'interface utilisateur, mais j'ai des problèmes avec la mise en évidence IsMouseOver. Il met en évidence avec la couleur que je spécifie pour une seconde, puis revient à la couleur par défaut, un peu un effet cool, mais pas ce que je veux. Voici mon style:

<Style TargetType="ComboBox"> 
    <Style.Triggers> 
     <Trigger Property="ComboBox.IsMouseOver" Value="True"> 
      <Setter Property = "Background" Value="Red"/> 
     </Trigger> 
    </Style.Triggers> 
</Style> 

Que puis-je faire pour que la couleur de fond reste?

Answer 1

Le problème est en effet dû au modèle par défaut pour le ComboBox. Si vous utilisez Reflector pour ouvrir l'assembly PresentationFramework.Aero, vous pouvez jeter un oeil à la classe ButtonChrome. Il existe une méthode appelée OnRenderMouseOverChanged qui masque l'arrière-plan rouge.

Même si c'est beaucoup de travail, pour ComboBox au moins, vous aurez probablement envie de remplacer le modèle par défaut pour la ComboBox. Vous pouvez obtenir l'idée de base de ce qu'est le temlpate ComboBox en utilisant Show Me The Template ou Blend.

Vous pouvez utiliser le même style pour remplacer le modèle.

<Style TargetType="{x:Type ComboBox}"> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type ComboBox}"> 
       <!-- Template Here --> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

Answer 2

Vous pouvez modifier ce comportement en obtenant une copie du modèle par défaut du Designer Visual Studio WPF puis dans le commentaire de style ComboBoxReadonlyToggleButton la section ButtonChrome et le remplacer par une bordure. Voici un lien vers le site où j'ai trouvé la solution - http://www.scriptscoop.net/t/d346cf01d844/c-c-wpf-combobox-mouse-over-color.html

Voici mon extrait de code

<Style x:Key="ComboBoxReadonlyToggleButton" TargetType="{x:Type ToggleButton}"> 
    <Setter Property="OverridesDefaultStyle" Value="true"/> 
    <Setter Property="IsTabStop" Value="false"/> 
    <Setter Property="Focusable" Value="false"/> 
    <Setter Property="ClickMode" Value="Press"/> 
    <Setter Property="Background" Value="Transparent"/> 
    <Setter Property="Template"> 
    <Setter.Value> 
     <ControlTemplate TargetType="{x:Type ToggleButton}"> 
     <!-- Replace the ButtonChrome - this eliminated the following 
      problem: When the mouse was moved over the ComboBox 
      the color would change to the color defined in ___ but 
      then would 
      immediately change to the default Aero blue 
      gradient background of 2 powder blue colors - 
      Had to comment out the   
      below code and replace it as shown 
      <Themes:ButtonChrome x:Name="Chrome" BorderBrush="     {TemplateBinding BorderBrush}" Background="{TemplateBinding Background}" RenderMouseOver="{TemplateBinding IsMouseOver}" RenderPressed="{TemplateBinding IsPressed}" SnapsToDevicePixels="true"> 
       <Grid HorizontalAlignment="Right" Width="{DynamicResource {x:Static SystemParameters.VerticalScrollBarWidthKey}}"> 
       <Path x:Name="Arrow" Data="{StaticResource DownArrowGeometry}" Fill="Black" HorizontalAlignment="Center" Margin="3,1,0,0" VerticalAlignment="Center"/> 
       </Grid> 
      </Themes:ButtonChrome>--> 

     <!-- Here is the code to replace the ButtonChrome code --> 
     <Border x:Name="Chrome" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}" SnapsToDevicePixels="true"> 
      <Grid HorizontalAlignment="Right" Width="{DynamicResource {x:Static SystemParameters.VerticalScrollBarWidthKey}}"> 
      <Path x:Name="Arrow" Data="{StaticResource DownArrowGeometry}" Fill="Black" HorizontalAlignment="Center" Margin="3,1,0,0" VerticalAlignment="Center"/> 
      </Grid> 
     </Border> 
     <!-- End of code to replace the Button Chrome --> 

J'ai aussi ajouté un code pour changer la couleur d'arrière-plan DarkOrange - Ce code est entré dans le ControlTemplate (dans la section) pour le style de la ComboBox.

<!-- Hover Code - Code that was added to change the ComboBox background 
    color when the use hovers over it with the mouse --> 
<Trigger Property="IsMouseOver" Value="True"> 
    <Setter Property="Background" Value="DarkOrange"></Setter> 
</Trigger> 
<!-- Hover Code - End -->