需要幫助覆蓋WPF按鈕樣式的背景顏色。

Question

我有一個自定義按鈕的下面的代碼集。但我想改變一個按鈕的背景。

<Style x:Key="myButtonStyle" TargetType="{x:Type Button}"> 
<Setter Property="Foreground" Value="White"/> 
<Setter Property="Template"> 
    <Setter.Value> 
     <ControlTemplate TargetType="{x:Type Button}"> 
      <Grid> 
       <Rectangle x:Name="rectangle" Fill="#FF2F2FEA" Stroke="Black"> 
        <Rectangle.Effect> 
         <DropShadowEffect ShadowDepth="3"/> 
        </Rectangle.Effect> 
       </Rectangle> 
       <ContentPresenter x:Name="contentPresenter" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="Bottom" Margin="2.833,0,2.5,1.162" RenderTransformOrigin="0.5,0.5" Width="69.667"/> 
      </Grid> 
     </ControlTemplate> 
    </Setter.Value> 
</Setter> 

下面的代碼是爲了覆蓋的背景顏色，但沒有。我錯過了什麼？由於

<Style x:Key="SpecialButton" TargetType="Button" BasedOn="{StaticResource myButtonStyle}"> 
    <Setter Property="Background" Value="PaleGreen" /> 
    <Setter Property="Height" Value="19.96" /> 
</Style> 

Answer 1

添加<Setter Property="Background" Value="#FF2F2FEA" />到myButtonStyle。而就在Rectangle到Fill="{TemplateBinding Background}"

<Style x:Key="myButtonStyle" TargetType="{x:Type Button}"> 
    <Setter Property="Foreground" Value="White"/> 
    <Setter Property="Background" Value="#FF2F2FEA" /> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type Button}"> 
       <Grid> 
        <Rectangle x:Name="rectangle" Fill="{TemplateBinding Background}" Stroke="Black"> 
         <Rectangle.Effect> 
          <DropShadowEffect ShadowDepth="3"/> 
         </Rectangle.Effect> 
        </Rectangle> 
        <ContentPresenter x:Name="contentPresenter" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
            RecognizesAccessKey="True" 
            SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" 
            VerticalAlignment="Bottom" 
            Margin="2.833,0,2.5,1.162" 
            RenderTransformOrigin="0.5,0.5" Width="69.667"/> 
       </Grid> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

在此之後改變Fill，兩個Button S的關係正確顯示。

<StackPanel> 
    <Button Content="BASE" Style="{StaticResource myButtonStyle}"></Button> 

    <Button Content="DERIVED" Style="{StaticResource SpecialButton}"></Button> 
</StackPanel> 

結果：

說明：如果您更改Control的Template你要 「線式」 它的屬性（如Background，Foreground，HorizontalContentAlignment等），屬性元素在ControlTemplate。畢竟，你想賦予控制終端用戶修改顏色，對齊方式等功能，而不是隻有一個帶有靜態可視化樹的Control。