Warum ist der Button-Hintergrund ändern?

Bin ich einem blutigen Anfänger mit WPF und ich weiß nicht einmal wissen, wo Sie schauen, um herauszufinden, die Antwort auf diese Frage. Dieser XAML-Code scheint sehr unkompliziert zu mir:

<Page
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  <Grid>
    <Button>
      <Button.Style>
        <Style TargetType="{x:Type Button}">
        <Style.Triggers>
          <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="Background" Value="Green"/>
          </Trigger>      
        </Style.Triggers>
        </Style>
      </Button.Style>
      <Button.Content>Test</Button.Content>
    </Button>
  </Grid>
</Page>

Wenn ich die Maus über die Schaltfläche IsMouseOver änderungen True und der trigger macht das hintergrund-grün. Für eine sofortige. Dann schaltet es blau.

Sogar noch besser: wenn ich befestige die gleichen setter der IsFocused Eigenschaft, sobald ich den Fokus auf den button die Hintergrundfarbe pocht zwischen grün und blau.

Gibt es etwas, irgendwo in der Schaltfläche (ich vermute, es ist in, was auch immer das Standard-theme wird unter Vista), dass macht es auf diese Weise Verhalten. Ich vermute, dass es eine weitere Eigenschaft, die der Auslöser muss gesetzt werden. Aber was?

InformationsquelleAutor Robert Rossney | 2009-08-19
  1. 22

    Müssen Sie ändern die Button's Template anstatt seine Style. Gebaut in der Vorlage ist die so genannte ButtonChrome, und das ist, was die Ursache für das irritierende blau-focus-Effekt. Hier ist eine sehr einfache re-templating der Button Kontrolle, genommen aus dem Einfachen Stile:

    <Style TargetType="{x:Type Button}">
   <Setter Property="SnapsToDevicePixels" Value="true"/>
   <Setter Property="OverridesDefaultStyle" Value="true"/>
   <Setter Property="MinHeight" Value="23"/>
   <Setter Property="MinWidth" Value="75"/>
   <Setter Property="Template">
     <Setter.Value>
       <ControlTemplate TargetType="{x:Type Button}">
         <Border 
           x:Name="Border"  
           CornerRadius="2" 
           BorderThickness="1"
           Background="#C0C0C0"
           BorderBrush="#404040">
           <ContentPresenter 
             Margin="2"
             HorizontalAlignment="Center"
             VerticalAlignment="Center"
             RecognizesAccessKey="True"/>
         </Border>
         <ControlTemplate.Triggers>
           <Trigger Property="IsKeyboardFocused" Value="true">
             <Setter TargetName="Border" Property="BorderBrush" Value="#202020" />
           </Trigger>
           <Trigger Property="IsDefaulted" Value="true">
             <Setter TargetName="Border" Property="BorderBrush" Value="#202020" />
           </Trigger>
           <Trigger Property="IsMouseOver" Value="true">
             <Setter TargetName="Border" Property="Background" Value="#808080" />
           </Trigger>
           <Trigger Property="IsPressed" Value="true">
             <Setter TargetName="Border" Property="Background" Value="#E0E0E0" />
             <Setter TargetName="Border" Property="BorderBrush" Value="#606060" />
           </Trigger>
           <Trigger Property="IsEnabled" Value="false">
             <Setter TargetName="Border" Property="Background" Value="#EEEEEE" />
             <Setter TargetName="Border" Property="BorderBrush" Value="#AAAAAA" />
             <Setter Property="Foreground" Value="#888888"/>
           </Trigger>
         </ControlTemplate.Triggers>
       </ControlTemplate>
     </Setter.Value>
   </Setter>
 </Style>

    Können Sie sehen, dass durch re-Template-control, Sie können ändern, seine visual tree. Die visuelle Struktur in dieser Vorlage ist nichts anderes als eine Border enthält eine ContentPresenter (so können Sie den Inhalt der Schaltfläche). Ich habe effektiv entfernt die ButtonChrome aus der visuellen Struktur auf diese Weise.

    InformationsquelleAutor Charlie
  2. 6

    Charlie ' s Antwort ist gut. Ich möchte einfach ergänzen, mit einer Erklärung, was Los war, und einem Kommentar schien nicht der Ort.

    Der Grund, warum es grün war für einen Augenblick und wurde dann blau ist, weil das Standard-theme ist ControlTemplate für Button hatte bereits eine IsMouseOver Trigger um den hintergrund zu ändern.

    Dann Hinzugefügt ein anderes in Ihrem Style. Dieses ersetzt nicht die bestehenden, da könnte man mehrere Triggers auf die gleiche Eigenschaft und Wert, die haben sehr unterschiedliche Setters und tun völlig unterschiedliche Dinge.

    Also es wurde versucht, beides zu tun, und Tat den grün-ersten.

    • Das ist, was ich dachte, war Los ist. Gibt es eine Möglichkeit, entfernen Sie einfach einen trigger, wenn Sie es nicht wollen, oder re-templating die Kontrolle der einzige Weg?
    • Re-templating ist der einzige Weg, soweit ich weiß.
    InformationsquelleAutor Joel B Fant
Schreibe einen Kommentar