Pulsante lampeggiante sull'applicazione WPF

La mia applicazione WPF ha un gestore di stile che ho creato sulla fusione.Pulsante lampeggiante sull'applicazione WPF

Il mio problema è questo: ho un pulsante di accesso che lampeggia ogni tanto e non riesco a capire come rimuovere questo comportamento.

Ecco il codice di stile per la mia casella di login:

<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>

Ed ecco il mio codice per la finestra:

<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>

Il pulsante di cui sto parlando si chiama "LoginBtn", come è il suo stile

Come posso rimuovere quel comportamento lampeggiante? Grazie in anticipo.

fonte

2010-10-20 Sivan Wolberg

@ user481711: cambiala in C# – yadab

Puoi definire "lampeggiare" meglio. Vuoi dire che passa continuamente tra due stati visivi, o è innescato da qualcosa come il passaggio del mouse? – Val

Fin dalla prima risposta mi sono imbattuto in questo problema durante il collegamento delle immagini ai pulsanti e ho capito impostando l'immagine e il pulsante per allungare e utilizzando una dimensione sul bordo ha risolto il problema.

codice di esempio ..

<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>

fonte

2010-10-20 14:31:09

Che lampeggiante è dovuto allo stile di default che utilizza WPF per i pulsanti. Per essere più specifici, è dovuto al trigger sul modello di controllo del pulsante. Per rimuovere questo, vai in blend, fai clic con il pulsante destro del mouse sul pulsante e seleziona "Modifica modello" -> "Modifica una copia". Fare clic sull'elemento figlio del presentatore di contenuto (per impostazione predefinita, questo è il controllo chiamato "Chrome"). Quindi, nella scheda trigger, RenderDefaulted inattivo premendo "- trigger". Quel grilletto manterrà il pulsante lampeggiante. Se si desidera solo il codice XAML per tutto questo, qui è avvolto da windows.resource ...

<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>

Quindi, ovunque tu pulsante è, di applicare questo stile ...

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

Aggiornamento: lo stile del pulsante predefinito è cambiato nel corso degli anni. L'idea è la stessa, usa Blend per Visual Studio per modificare il templete dell'elemento che vuoi modificare. Per questo pulsante, è sufficiente rimuovere completamente il trigger IsDefaulted. Ecco uno snippet di codice aggiornato.

<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>

fonte

2011-03-06 05:36:18 Onosa

Funziona come un fascino. grazie per aver descritto che è possibile fare clic con il pulsante destro del mouse e modificare una copia di un modello, è estremamente utile. – MasterMastic

non funziona, non ho alcun elemento figlio per il content presenter e nessun "chrome" o "RenderDefaulted". –

Sembra che le cose siano cambiate dal 2011. Non ci sono più Microsoft_Windows_Themes: controllo ButtonChrome. Ora puoi semplicemente cancellare completamente il trigger IsDefaulted. Aggiornerò la mia risposta per riflettere i cambiamenti. – Onosa

Soluzione semplice: Set del pulsante "Focusable" False.

fonte

2011-03-14 14:23:04

+12

Aprirà una lattina di worm non appena avrai a che fare con la navigazione da tastiera ... – Jan

Più ti piace tagliare la testa se hai mal di testa. – Marshal

Un modo meno invadente di rimozione che lampeggia sarebbe impostare una nuova ControlTemplate per ButtonBase con le associazioni incriminate rimossi.

L'ho preso tramite StyleSnooper dallo stile di default del pulsante e rinnovato/semplificato come uno stile per ButtonBase che fornisce semplicemente un nuovo ControlTemplate *. A tale scopo, aggiungere un riferimento all'assembly a Presentation.Aero e introdurre lo spazio dei nomi Microsoft.Windows.Themes in ResourceDictionary.

Qui, ho rimosso in modo specifico la capacità del pulsante interessato di "lampeggiare" sulla sua proprietà IsDefault da hardcoding RenderDefaulted su falso; probabilmente vorrai anche sostituire la TemplateBinding RenderMouseOver.

<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>

quindi utilizzare questo stile come BasedOn per il vostro Button:

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

(*) E sì, dovremmo davvero avere la capacità di utilizzare BasedOn per ControlTemplate così ...

fonte

2011-05-11 13:36:35 Jan

Pulsante lampeggiante sull'applicazione WPF

risposta

Problemi correlati