WPF知识点备忘录——控件模板
模板
<Application.Resources> <ResourceDictionary> <!--将画刷等从模板拆分出来,方便重用--> <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> <!--触发器都保留在模板中--> <ControlTemplate x:Key="GradientButtonTemplate" TargetType="{x:Type Button}"> <Border Name="Border" BorderBrush="{StaticResource Border}" BorderThickness="2" CornerRadius="2" Background="{StaticResource DefaultBackGround}" TextBlock.Foreground="White"> <Grid> <Rectangle Name="FocusCue" Visibility="Hidden" Stroke="Black" StrokeThickness="1" StrokeDashArray="1 2" SnapsToDevicePixels="True"/> <ContentPresenter Margin="{TemplateBinding Padding}" RecognizesAccessKey="True"/> </Grid> </Border> <ControlTemplate.Triggers> <Trigger Property="IsMouseOver" Value="True"> <Setter TargetName="Border" Property="Background" Value="{StaticResource HighlightBackground}"/> </Trigger> <Trigger Property="IsPressed" Value="True"> <Setter TargetName="FocusCue" Property="Visibility" Value="Visible"/> </Trigger> <Trigger Property="IsEnabled" Value="False"> <Setter TargetName="Border" Property="Background" Value="{StaticResource DisabledBackGround}"/> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </ResourceDictionary> </Application.Resources>
样式的方式使用模板
将模板中的颜色、画刷改成模板绑定的方式,在样式中给出,即可实现不同的外观需要
<Style x:Key="CustomButtonStyle" TargetType="{x:Type Button}"> <Setter Property="Control.Template" Value="{StaticResource CustomButtonTemplate}"/> <Setter Property="Background" Value="{StaticResource HighLightBackground}"/> <Style.Triggers> <Trigger>...</Trigger> ... </Style.Triggers> </Style>