Clignotant bouton sur l'application WPF

Mon application WPF est un gestionnaire de style que j'ai construit sur le mélange.

Mon problème est le suivant: j'ai une connexion bouton qui clignote de temps en temps et je ne peux pas comprendre comment faire pour supprimer ce comportement.

Voici le code de style pour ma boîte de connexion:

<Style x:Key="LoginBoxGrid" TargetType="{x:Type Grid}">
<Setter Property="Background">
<Setter.Value>
<ImageBrush ImageSource="/Client;component/Assets/images/LoginBox.png" Stretch="None" TileMode="Tile"/>
</Setter.Value>
</Setter>
<Setter Property="Opacity" Value="0.765"/>
<Setter Property="Width" Value="411"/>
<Setter Property="HorizontalAlignment" Value="Left"/>
<Setter Property="Margin" Value="126,150,0,111"/>
</Style>
<Style x:Key="LoginBoxHeader" TargetType="{x:Type Label}">
<Setter Property="Grid.Column" Value="2"/>
<Setter Property="Margin" Value="-16.183,18.347,0,0"/>
<Setter Property="Width" Value="64.994"/>
<Setter Property="FontSize" Value="16"/>
<Setter Property="FontWeight" Value="Bold"/>
<Setter Property="FontStyle" Value="Italic"/>
<Setter Property="Foreground" Value="White"/>
<Setter Property="VerticalAlignment" Value="Top"/>
<Setter Property="HorizontalAlignment" Value="Left"/>
<Setter Property="FontFamily" Value="/Client;component/Assets/Fonts/#Arial Black"/>
</Style>
<Style x:Key="LoginBtn" TargetType="{x:Type Button}">
<Setter Property="Grid.Column" Value="2"/>
<Setter Property="Margin" Value="16.6,9.022,9.282,8"/>
<Setter Property="Grid.Row" Value="4"/>
<Setter Property="Width" Value="164"/>
<Setter Property="BorderThickness" Value="0"/>
<Setter Property="Opacity" Value="0.78"/>
<Setter Property="IsDefault" Value="True"/>
<Setter Property="Foreground" Value="White"/>
<Setter Property="Background">
<Setter.Value>
<ImageBrush ImageSource="/Client;component/Assets/images/LoginBtn.png"/>
</Setter.Value>
</Setter>
</Style>

Et voici mon code pour la fenêtre:

<Grid Style="{StaticResource LoginBoxGrid}" >
<Grid.ColumnDefinitions>
<ColumnDefinition Width="0.127*"/>
<ColumnDefinition Width="0.326*"/>
<ColumnDefinition Width="0.462*"/>
<ColumnDefinition Width="0.085*"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="0.269*"/>
<RowDefinition Height="0.028*"/>
<RowDefinition Height="0.256*"/>
<RowDefinition Height="0.223*"/>
<RowDefinition Height="0.178*"/>
<RowDefinition Height="0.046*"/>
</Grid.RowDefinitions>
<Label Content="User Name" Grid.Column="1" Margin="43.986,23.1,8,8" Grid.Row="2" Width="82" BorderThickness="0" FontFamily="Arial" FontWeight="Bold" FontStyle="Italic"/>
<Label Content="Password" Grid.Column="1" Margin="43.986,15.873,8,8" Grid.Row="3" Width="82" BorderThickness="0" FontFamily="Arial" FontWeight="Bold" FontStyle="Italic"/>
<PasswordBox Grid.Column="2" Name="PassTb" HorizontalAlignment="Left" Margin="8,18.877,0,8" Grid.Row="3"  Width="172.6" d:LayoutOverrides="Height"/>
<TextBox Grid.Column="2" Name="UserTb" HorizontalAlignment="Left" Margin="9.282,23.1,0,11.004" Grid.Row="2" TextWrapping="Wrap" Text="TextBox" Width="172.6" d:LayoutOverrides="Height"/>
<Label Style="{StaticResource LoginBoxHeader}" Content="Login" />
<Button Name="LoginBtn"  Style="{StaticResource LoginBtn}"  Content="Login" />
</Grid>

Le Bouton dont je parle est appelé "LoginBtn", comme c'est son style.

Comment puis-je supprimer le clignotement de comportement? Merci à l'avance.

changer en c#
Pouvez-vous définir "clignoter" mieux. Voulez-vous dire qu'il passe constamment entre deux états visuels, ou est-il déclenché par quelque chose comme la souris passe dessus?

OriginalL'auteur Sivan Wolberg | 2010-10-20

asp.net blend c#styling wpf

9

Solution la plus Simple: le bouton Set "peut recevoir le focus" pour de Faux.

Cela va ouvrir une boîte de pandore dès que vous avez affaire avec la navigation au clavier...
Son plus comme hacher votre tête si vous avez un mal de tête.

OriginalL'auteur The Dreamer

Que le clignotant est en raison de la style par défaut qui WPF utilise pour les boutons. Pour être plus précis, c'est en raison de la détente sur le bouton de contrôle du modèle. Pour supprimer ce problème, allez dans le mélange, clic droit sur le bouton et sélectionnez "Modifier le Modèle"->"Modifier une copie". Cliquez sur l'enfant de l'élément du contenu du présentateur (par défaut, c'est le contrôle appelé "Chrome"). Puis, dans l'onglet déclencheurs, inactif RenderDefaulted en appuyant sur le "déclenchement". Que le déclenchement de garder le bouton de clignotant. Si vous voulez juste le code XAML pour tout cela, ici, il est enveloppé par windows.la ressource...

<Window.Resources>
<Style x:Key="ButtonFocusVisual">
<Setter Property="Control.Template">
<Setter.Value>
<ControlTemplate>
<Rectangle Margin="2" SnapsToDevicePixels="true" Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" StrokeThickness="1" StrokeDashArray="1 2"/>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<LinearGradientBrush x:Key="ButtonNormalBackground" EndPoint="0,1" StartPoint="0,0">
<GradientStop Color="#F3F3F3" Offset="0"/>
<GradientStop Color="#EBEBEB" Offset="0.5"/>
<GradientStop Color="#DDDDDD" Offset="0.5"/>
<GradientStop Color="#CDCDCD" Offset="1"/>
</LinearGradientBrush>
<SolidColorBrush x:Key="ButtonNormalBorder" Color="#FF707070"/>
<Style x:Key="BoringButtonStyle" TargetType="{x:Type Button}">
<Setter Property="FocusVisualStyle" Value="{StaticResource ButtonFocusVisual}"/>
<Setter Property="Background" Value="{StaticResource ButtonNormalBackground}"/>
<Setter Property="BorderBrush" Value="{StaticResource ButtonNormalBorder}"/>
<Setter Property="BorderThickness" Value="1"/>
<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
<Setter Property="HorizontalContentAlignment" Value="Center"/>
<Setter Property="VerticalContentAlignment" Value="Center"/>
<Setter Property="Padding" Value="1"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Button}">
<Microsoft_Windows_Themes:ButtonChrome x:Name="Chrome" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}" RenderMouseOver="{TemplateBinding IsMouseOver}" RenderPressed="{TemplateBinding IsPressed}" RenderDefaulted="{TemplateBinding IsDefaulted}" SnapsToDevicePixels="true">
<ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
</Microsoft_Windows_Themes:ButtonChrome>
<ControlTemplate.Triggers>
<Trigger Property="ToggleButton.IsChecked" Value="true">
<Setter Property="RenderPressed" TargetName="Chrome" Value="true"/>
</Trigger>
<Trigger Property="IsEnabled" Value="false">
<Setter Property="Foreground" Value="#ADADAD"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Window.Resources>

Alors, où que vous bouton, appliquez ce style...

<Button Style="{DynamicResource BoringButtonStyle}"/>

Mise à jour: Le bouton par défaut le style a changé au fil des ans. L'idée est la même, utiliser Blend pour Visual Studio pour modifier le templete de l'élément que vous souhaitez modifier. Pour ce bouton, il suffit de retirer le IsDefaulted déclencher entirly. Voici une mise à jour de l'extrait de code.

<Style x:Key="FocusVisual">
<Setter Property="Control.Template">
<Setter.Value>
<ControlTemplate>
<Rectangle Margin="2" SnapsToDevicePixels="true" Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" StrokeThickness="1" StrokeDashArray="1 2"/>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<SolidColorBrush x:Key="Button.Static.Background" Color="#FFDDDDDD"/>
<SolidColorBrush x:Key="Button.Static.Border" Color="#FF707070"/>
<SolidColorBrush x:Key="Button.MouseOver.Background" Color="#FFBEE6FD"/>
<SolidColorBrush x:Key="Button.MouseOver.Border" Color="#FF3C7FB1"/>
<SolidColorBrush x:Key="Button.Pressed.Background" Color="#FFC4E5F6"/>
<SolidColorBrush x:Key="Button.Pressed.Border" Color="#FF2C628B"/>
<SolidColorBrush x:Key="Button.Disabled.Background" Color="#FFF4F4F4"/>
<SolidColorBrush x:Key="Button.Disabled.Border" Color="#FFADB2B5"/>
<SolidColorBrush x:Key="Button.Disabled.Foreground" Color="#FF838383"/>
<Style x:Key="BoringButtonStyle" TargetType="{x:Type Button}">
<Setter Property="FocusVisualStyle" Value="{StaticResource FocusVisual}"/>
<Setter Property="Background" Value="{StaticResource Button.Static.Background}"/>
<Setter Property="BorderBrush" Value="{StaticResource Button.Static.Border}"/>
<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
<Setter Property="BorderThickness" Value="1"/>
<Setter Property="HorizontalContentAlignment" Value="Center"/>
<Setter Property="VerticalContentAlignment" Value="Center"/>
<Setter Property="Padding" Value="1"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Button}">
<Border x:Name="border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="true">
<ContentPresenter x:Name="contentPresenter" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
</Border>
<ControlTemplate.Triggers>
<!-- Delete this trigger
<Trigger Property="IsDefaulted" Value="true">
<Setter Property="BorderBrush" TargetName="border" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/>
</Trigger>-->
<Trigger Property="IsMouseOver" Value="true">
<Setter Property="Background" TargetName="border" Value="{StaticResource Button.MouseOver.Background}"/>
<Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.MouseOver.Border}"/>
</Trigger>
<Trigger Property="IsPressed" Value="true">
<Setter Property="Background" TargetName="border" Value="{StaticResource Button.Pressed.Background}"/>
<Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.Pressed.Border}"/>
</Trigger>
<Trigger Property="IsEnabled" Value="false">
<Setter Property="Background" TargetName="border" Value="{StaticResource Button.Disabled.Background}"/>
<Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.Disabled.Border}"/>
<Setter Property="TextElement.Foreground" TargetName="contentPresenter" Value="{StaticResource Button.Disabled.Foreground}"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>

Fonctionne comme un charme. merci pour la description, nous pouvons faire un clic droit et modifier une copie d'un modèle, il est extrêmement utile.
ne fonctionne pas, je n'ai pas d'enfant des éléments de contenu du présentateur, et pas de "chrome", ou "RenderDefaulted".
Il apparaît que les choses ont changé depuis 2011. Il n'y a pas de Microsoft_Windows_Themes:ButtonChrome contrôle plus. Maintenant, vous pouvez simplement supprimer le IsDefaulted déclencher entièrement. Je vais mettre à jour ma réponse pour refléter les modifications.

OriginalL'auteur Onosa

Un peu moins gênant façon de supprimer à clignoter serait de définir un nouveau ControlTemplate pour ButtonBase avec la délinquance liaisons supprimées.

J'ai pris cette via StyleSnooper à partir du Bouton de Style par défaut et remanié et simplifié pour être un Style pour ButtonBase qui fournit simplement un nouveau ControlTemplate*. Pour ce faire, ajoutez un assemblée de référence pour la Présentation.Aero et d'introduire de Microsoft.De Windows.Les thèmes de l'espace de noms dans votre ResourceDictionary.

Ici, j'ai volontairement supprimé le touché du Bouton de la capacité à "clignoter" sur son IsDefault de la propriété par le coder en dur RenderDefaulted à faux; vous voudrez aussi de remplacer le RenderMouseOver objet templatebinding.

<ResourceDictionary [...]
xmlns:mwt="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Aero">
<Style TargetType="{x:Type ButtonBase}" 
x:Key="NonBlinkingButtonBase">
<Setter Property="Control.Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type ButtonBase}">
<mwt:ButtonChrome Background="{TemplateBinding Panel.Background}" 
BorderBrush="{TemplateBinding Border.BorderBrush}" 
RenderDefaulted="False" 
RenderMouseOver="{TemplateBinding UIElement.IsMouseOver}" 
RenderPressed="{TemplateBinding ButtonBase.IsPressed}" 
Name="Chrome" 
SnapsToDevicePixels="True">
<ContentPresenter RecognizesAccessKey="True" 
Content="{TemplateBinding ContentControl.Content}" 
ContentTemplate="{TemplateBinding ContentControl.ContentTemplate}" 
ContentStringFormat="{TemplateBinding ContentControl.ContentStringFormat}" 
Margin="{TemplateBinding Control.Padding}" 
HorizontalAlignment="{TemplateBinding Control.HorizontalContentAlignment}" 
VerticalAlignment="{TemplateBinding Control.VerticalContentAlignment}" 
SnapsToDevicePixels="{TemplateBinding UIElement.SnapsToDevicePixels}" />
</mwt:ButtonChrome>
<ControlTemplate.Triggers>
<Trigger Property="UIElement.IsKeyboardFocused" Value="True">
<Setter Property="mwt:ButtonChrome.RenderDefaulted" TargetName="Chrome" Value="True" />
</Trigger>
<Trigger Property="ToggleButton.IsChecked" Value="True">
<Setter Property="mwt:ButtonChrome.RenderPressed" TargetName="Chrome" Value="True" />
</Trigger>
<Trigger Property="UIElement.IsEnabled" Value="False">
<Setter Property="TextElement.Foreground">
<Setter.Value>
<SolidColorBrush>
#FFADADAD</SolidColorBrush>
</Setter.Value>
</Setter>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>

Ensuite utiliser ce style Basée pour votre Bouton:

<Style x:Key="LoginBtn" 
TargetType="{x:Type Button}" 
BasedOn="{StaticResource NonBlinkingButtonBase}">
[...your stuff...]
</Style>

(*) Et oui, nous devrions vraiment avoir la capacité à utiliser Basée pour ControlTemplates ainsi...

OriginalL'auteur Jan

1

J'ai depuis ma première réponse rencontré ce problème lors de la fixation d'images de boutons et j'ai compris par la définition de l'image et le bouton à l'étirement et à l'aide d'un taille sur la frontière, il a résolu le problème.

Exemple de code..
```
 <Border Width="45" Height="45">
<Button  x:Name="buttonSend" 
ToolTip="Send" Command="{Binding Path=SendCommand}" Style="{StaticResource actionButtonStyle}">
<Image Source="..\Images\Email-256.png" Stretch="Fill"  />
</Button>
```
OriginalL'auteur Dave Hanson

Vous devez vous connecter pour publier un commentaire.