当前位置：首页 > article >正文

WPF样式(Style)与模板(template)区别

article 2024/11/15 4:29:37

WPF（Windows Presentation Foundation）中的样式和模板都是用于控件外观的重要机制，但它们的目的和使用方式略有不同。

1. 样式

样式是一种可以重复使用的视觉元素，用于定义控件的外观和行为。一旦定义一个样式，可以在应用程序中的多个控件中重复使用它。样式可以包含多种视觉元素，如布局属性、事件触发程序、转换器和动画等。要使用样式，可以在XAML文件中定义"Style"元素，并在控件上设置"Style"属性。以下是一个简单的样式示例：

```xml
<Window.Resources>
    <Style x:Key="RedButtonStyle" TargetType="{x:Type Button}">
        <Setter Property="Background" Value="Red"/>
        <Setter Property="Foreground" Value="White"/>
        <Setter Property="FontSize" Value="14"/>
</Style>
</Window.Resources>
<Button Style="{StaticResource RedButtonStyle}" Content="Click me!"/>
```

这个示例定义了一个名为"RedButtonStyle"的按钮样式，它将按钮的背景设置为红色，前景设置为白色，字体大小设置为14。然后，该样式被应用到一个按钮上。

2. 模板

模板是一种可以完全自定义和重写控件外观的机制。它不仅可以控制控件的外观，还可以改变控件的内部结构和行为。使用模板可以更好地控制控件的呈现方式，以满足各种外观和功能需求。要使用模板，可以在XAML文件中定义"ControlTemplate"元素，并在控件上设置"Template"属性。

以下是一个简单的模板示例，它定义了一个自定义的按钮模板：

```xml
<Window.Resources>
    <ControlTemplate x:Key="CustomButtonTemplate" TargetType="{x:Type Button}">
        <Border Background="Red" BorderThickness="1" BorderBrush="Gray">
            <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
        </Border>
    </ControlTemplate>
</Window.Resources>
<Button Template="{StaticResource CustomButtonTemplate}" Content="Click me!"/>
```

这个示例定义了一个名为"CustomButtonTemplate"的按钮模板，它将按钮的背景设置为红色，边框设置为灰色，然后将内容放置在中心。然后，该模板被应用到一个按钮上。

总之，样式和模板都是WPF中非常强大的控件外观机制，它们可以帮助开发人员更好地管理控件的视觉设计和行为。样式用于定义控件的外观属性，而模板则用于完全自定义和重写控件的外观和行为。

3.样式里面设置控件模板

    <Style x:Key="DefaultRadioButton" TargetType="{x:Type RadioButton}">
        <!--<Setter Property="Background" Value="Transparent"></Setter>
        <Setter Property="Padding" Value="0"></Setter>Margin="3,4,3,5"-->
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="HorizontalContentAlignment" Value="Center"/>
        <Setter Property="Foreground" Value="White"/>
        <Setter Property="Margin" Value="0,0,4,0"/>
        <Setter Property="Height" Value="30"/>
        <Setter Property="Width" Value="130"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type RadioButton}">
                    <Border x:Name="button"  >
                        <ContentPresenter  VerticalAlignment="Center" HorizontalAlignment="Center" />
                    </Border>
                    <!--触发器：设置选中状态符号"CornflowerBlue"-->
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsChecked" Value="true">
                            <Setter Property="Background" Value="Khaki" TargetName="button"/>
                            <Setter Property="BorderBrush" Value="DarkOrange" TargetName="button"/>
                            <Setter Property="BorderThickness" Value="2" TargetName="button"/>
                            <Setter Property="Foreground" Value="Black"/>
                        </Trigger>
                        <Trigger Property="IsChecked" Value="false">

                            <Setter Property="Background" Value="{StaticResource BrushButtonRG2}"  TargetName="button"/>
                            <Setter Property="Foreground" Value="White"/>
                            <Setter Property="BorderBrush" Value="darkgray" TargetName="button"/>
                            <Setter Property="BorderThickness" Value="1" TargetName="button"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

小结：

样式style(小打小闹)：保留原本控件外观：可修改布局属性，事件触发器(Trigger)，转换器(Converter)和动画(animation)等

模板Template(可完全自定义和重写原有控件外观)：不仅可以控制控件的外观，还可以改变控件的内部结构和行为。使用模板可以更好地控制控件的呈现方式，以满足各种外观和功能需求

4.补充

在 WPF 中，样式（Style） 和 模板（Template） 是用来定义 UI 元素外观和行为的两种不同机制：

样式（Style）：定义控件的外观(控件颜色、字体)和行为(事件处理和转换器)的一组属性。它可以设置控件的颜色、字体、边框等外观特征，也可以定义控件的行为（如事件处理）。样式主要用于重用和一致性，方便在整个应用程序中应用统一的视觉风格。
模板（Template 控件模板和数据模板）：定义控件的内部结构和布局。它决定了控件的呈现方式，包括控件的视觉层级和组成部分。例如，ControlTemplate 定义了控件的整体布局和可视化结构，而 DataTemplate 定义了数据对象如何呈现为 UI 元素。

关系：样式可以包含模板，使用模板可以定制控件的具体外观。样式提供了控件的外观和行为，而模板决定了控件的结构(控件模板)和数据表现方式(数据模板)。通过样式和模板的结合-->可以实现高度自定义的用户界面设计。

查看全文

http://www.kler.cn/a/289766.html