WPF在觸發器中設置邊框背景

Question

我需要創建一個觸發器，當鼠標輸入發生時這將改變邊界背景屬性。我做了如下：

<Border Width="20" Height="30" Focusable="True"> 
     <Border.Background> 
      <LinearGradientBrush> 
       <LinearGradientBrush.GradientStops> 
        <GradientStop Color="Aquamarine" Offset="0"/> 
       </LinearGradientBrush.GradientStops> 
      </LinearGradientBrush> 
     </Border.Background> 
     <Border.Style> 
      <Style TargetType="{x:Type Border}"> 
       <Style.Triggers> 

        <Trigger Property="IsMouseOver" Value="True"> 
         <Setter Property="Background"> 
          <Setter.Value> 
           <LinearGradientBrush> 
            <LinearGradientBrush.GradientStops> 
             <GradientStop Color="Aquamarine" Offset="0"/> 
             <GradientStop Color="Beige" Offset="0.2"/> 
             <GradientStop Color="Firebrick" Offset="0.5"/> 
             <GradientStop Color="DarkMagenta" Offset="0.9"/> 
            </LinearGradientBrush.GradientStops> 
           </LinearGradientBrush> 
          </Setter.Value> 
         </Setter> 
        </Trigger> 
       </Style.Triggers> 
      </Style> 
     </Border.Style> 
    </Border> 

但它不起作用。謝謝。

Answer 1

常見錯誤。您已經直接設置了Border.Background屬性，它將始終覆蓋由觸發器設置的值。 （本地設定值have a very high precedence，風格有一個相當低的優先級）

相反，你應該將你的「正常」的背景到樣式像這樣：

<Border> 
    <Border.Style> 
     <Style TargetType="Border"> 
      <Setter Property="Background"> 
       <Setter.Value> 
        <LinearGradientBrush> 
         <LinearGradientBrush.GradientStops> 
          <GradientStop Color="Aquamarine" Offset="0"/> 
         </LinearGradientBrush.GradientStops> 
        </LinearGradientBrush> 
       </Setter.Value> 
      </Setter> 
      <Style.Triggers> 
       <!-- the trigger you showed --> 
      </Style.Triggers> 
     </Style> 
    </Border.Style> 
</Border>