第17章 控件模版(6)——通过样式应用模版

通过前面几节的学习可以看出：控件模板硬编码了一些细节，如颜色方案。这意味着如果希望在按钮中使用相同的元素组合(Border、Grid、Rectangle和ContentPresenter)并采用相同的方式安排他们，但希望提供不同的颜色方案，就必须创建引用不同画刷资源的控件模板副本。

为了解决上述问题，可将那些需要修改的属性(通常是颜色和字体)从模板中提取出来，通过样式进行设置。

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"    >    <!-- Resources used by the template. -->    <RadialGradientBrush RadiusX="1" RadiusY="5" GradientOrigin="0.5,0.3"     x:Key="HighlightBackground">      <GradientStop Color="White" Offset="0" />      <GradientStop Color="Blue" Offset=".4" />    </RadialGradientBrush>    <RadialGradientBrush RadiusX="1" RadiusY="5" GradientOrigin="0.5,0.3"     x:Key="PressedBackground">      <GradientStop Color="White" Offset="0" />      <GradientStop Color="Blue" Offset="1" />    </RadialGradientBrush>    <SolidColorBrush Color="Blue" x:Key="DefaultBackground"></SolidColorBrush>    <SolidColorBrush Color="Gray" x:Key="DisabledBackground"></SolidColorBrush>    <RadialGradientBrush RadiusX="1" RadiusY="5" GradientOrigin="0.5,0.3"     x:Key="Border">      <GradientStop Color="White" Offset="0" />      <GradientStop Color="Blue" Offset="1" />    </RadialGradientBrush>    <!-- The button control template. -->    <ControlTemplate x:Key="GradientButtonTemplate" TargetType="{x:Type Button}">      <Border Name="Border" BorderThickness="2" CornerRadius="2"              Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}">        <Grid>          <Rectangle Name="FocusCue" Visibility="Hidden" Stroke="Black"           StrokeThickness="1" StrokeDashArray="1 2" SnapsToDevicePixels="True">          </Rectangle>          <ContentPresenter Margin="{TemplateBinding Padding}"           RecognizesAccessKey="True"></ContentPresenter>        </Grid>      </Border>      <ControlTemplate.Triggers>                <Trigger Property="IsKeyboardFocused" Value="True">          <Setter TargetName="FocusCue" Property="Visibility"            Value="Visible"></Setter>        </Trigger>      </ControlTemplate.Triggers>    </ControlTemplate>    <!-- The style that applies the button control template. -->    <Style x:Key="GradientButtonStyle" TargetType="{x:Type Button}">      <Setter Property="Control.Template"       Value="{StaticResource GradientButtonTemplate}"></Setter>      <Setter Property="BorderBrush"       Value="{StaticResource Border}"></Setter>      <Setter Property="Background"         Value="{StaticResource DefaultBackground}"></Setter>      <Setter Property="TextBlock.Foreground"           Value="White"></Setter>      <Style.Triggers>        <Trigger Property="IsMouseOver" Value="True">          <Setter Property="Background"           Value="{StaticResource HighlightBackground}" />        </Trigger>        <Trigger Property="IsPressed" Value="True">          <Setter Property="Background"           Value="{StaticResource PressedBackground}" />        </Trigger>        <Trigger Property="IsEnabled" Value="False">          <Setter Property="Background"           Value="{StaticResource DisabledBackground}"></Setter>        </Trigger>      </Style.Triggers>              </Style></ResourceDictionary>

注意：

①在理想情况下，应能在控件模板中保留所有触发器，因为他们代表控件的行为，并使用样式简单设置基本属性。当上面的代码因为想对不同的触发器实现不同的颜色方案，所以只能在样式中设置了触发器。

②如果在控件的模板和样式中都设置了触发器，那么样式触发器具有优先权。

③当使用这个新模版时不用在设置Template属性了，要设置Style属性。

④但上面的代码也有局限性，比如，若想实现不同的颜色方案又需要创建多个样式。为了解决这个问题可以是使用自定义控件，后面第18章会详细讲解。