如何使用BasedOn属性从派生设置更改基样式的设置



我有一个简单的样式与ControlTemplate OrangeButton,我已经创建了另一个样式OrangeButton2 BasedOn OrangeButton。我试图改变边界属性,但WPF不渲染在OrangeButton2中定义的新边界样式。我也尝试了相反的方法,其中OrangeButton基于OrangeButton2,没有任何变化。你知道这里到底发生了什么,以及如何纠正它吗?

   <Style x:Key="OrangeButton" TargetType="Button" >
      <Setter Property="OverridesDefaultStyle" Value="True"/>
      <Setter Property="Margin" Value="2"/>
      <Setter Property="FontFamily" Value="Verdana"/>
      <Setter Property="FontSize" Value="11px"/>
      <Setter Property="FontWeight" Value="Bold"/>
      <Setter Property="Template">
        <Setter.Value>
          <ControlTemplate TargetType="Button">
            <Border Name="border"
               BorderThickness="1"
               Padding="4,2"
               BorderBrush="DarkGray"
               CornerRadius="3"
               Background="{TemplateBinding Background}">
              <Grid >
                <ContentPresenter HorizontalAlignment="Center"
                                  VerticalAlignment="Center" Name="contentShadow" Style="{StaticResource ShadowStyle}">
                </ContentPresenter>
                <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" Name="content"/>
              </Grid>
            </Border>                
          </ControlTemplate>
        </Setter.Value>
      </Setter>
    </Style>
    <Style x:Key="OrangeButton2" TargetType="Button" BasedOn="{StaticResource OrangeButton}">
      <Setter Property="BorderBrush" Value="Red"></Setter>
      <Setter Property="BorderThickness" Value="1"></Setter>
    </Style>  
  </Window.Resources>
  <StackPanel HorizontalAlignment="Center">
    <Button Style="{StaticResource OrangeButton2}">Hello</Button>    
  </StackPanel>

仅仅定义一个BorderBrush是不够的,你必须使用它。在你的ControlTemplate更改

<Border Name="border"
    BorderThickness="1"
    Padding="4,2"
    BorderBrush="DarkGray"
    CornerRadius="3"
    Background="{TemplateBinding Background}">

<Border Name="border"
    BorderThickness="{TemplateBinding BorderThickness}"
    Padding="4,2"
    BorderBrush="{TemplateBinding BorderBrush}"
    CornerRadius="3"
    Background="{TemplateBinding Background}">

这将使用您为Style定义的值。

最新更新