自定义样式与模板

一、样式

在WPF中我们可以使用Style来设置控件的某些属性值，并使该设置影响到指定范围内的所有该类控件或影响指定的某一控件，比如说我们想将窗口中的所有按钮都保持某一种风格，那么我们可以设置一个Style，而不必分别设置每个按钮的风格。Style是作为一种资源被保存下来的. 看下面的例子：

1 2 3 4 5 6

<Style x:Key="style1" TargetType="{x:Type Button}">      <Setter Property="Background" Value="Skyblue" />      <Setter Property="FontSize" Value="18" />      <Setter Property="FontFamily" Value="Verdena" />      <Setter Property="FontWeight" Value="Bold" />  </Style>

如果我们希望是动态样式，可以添加trigger：

1 2 3 4 5

<Style.Triggers>      <Trigger Property="IsPressed" Value="True">          <Setter Property="Foreground" Value="Red"/>      </Trigger> </Style.Triggers>

二、模板

ControlTemplate 指定控件的可视结构和可视行为。可以通过为控件指定

新 ControlTemplate自定义该控件的外观。创建 ControlTemplate 后，可以在不更改现有控件的功能的情况下更改其外观。例如，您可以将应用程序中的按钮设置为圆形，而不是默认的方形，但该按钮仍将引发 Click事件。 注意: 在重定义模板前，你应该充分了解该空间的模板类型

定义模板的方法有三种：

1.内联定义：

1 2 3 4 5 6 7

<Button Content="Button1">   <Button.Template>     <ControlTemplate TargetType="Button">       <!--在这里定义ControlTemplate.-->     </ControlTemplate>   </Button.Template> </Button>

2.定义为资源：

1 2 3 4 5 6 7 8

<StackPanel>   <StackPanel.Resources>     <ControlTemplate TargetType="Button" x:Key="newTemplate">       <!--在这里定义ControlTemplate.-->     </ControlTemplate>   </StackPanel.Resources>   <Button Template="{StaticResource newTemplate}" Content="Button1"/> </StackPanel>

3.通过Style定义：

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<StackPanel>   <StackPanel.Resources>     <Style TargetType="Button" x:Key="newTemplate">       <Setter Property="Template">         <Setter.Value>           <ControlTemplate TargetType="Button">              <!--在这里定义ControlTemplate.-->           </ControlTemplate>         </Setter.Value>       </Setter>     </Style>   </StackPanel.Resources>   <Button Style="{StaticResource newTemplate}" Content="Button1"/> </StackPanel>