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

news/2024/10/18 9:19:24/

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.ppmy.cn/news/1517999.html

相关文章

day44.动态规划

718.最长重复子数组 给两个整数数组 nums1 和 nums2 &#xff0c;返回 两个数组中 公共的 、长度最长的子数组的长度 。 思路:1.确定dp数组&#xff08;dp table&#xff09;以及下标的含义: dp[i][j] &#xff1a;以下标i - 1为结尾的A&#xff0c;和以下标j - 1为结尾的B&…

基于 ASP.NET的教材管理信息系统的设计与实现(最新定制开发,阿龙原创设计)✅

博主介绍&#xff1a; ✌我是阿龙&#xff0c;一名专注于Java技术领域的程序员&#xff0c;全网拥有10W粉丝。作为CSDN特邀作者、博客专家、新星计划导师&#xff0c;我在计算机毕业设计开发方面积累了丰富的经验。同时&#xff0c;我也是掘金、华为云、阿里云、InfoQ等平台…

Sentinel-1 Level 1数据处理的详细算法定义(九)

《Sentinel-1 Level 1数据处理的详细算法定义》文档定义和描述了Sentinel-1实现的Level 1处理算法和方程&#xff0c;以便生成Level 1产品。这些算法适用于Sentinel-1的Stripmap、Interferometric Wide-swath (IW)、Extra-wide-swath (EW)和Wave模式。 今天介绍的内容如下&…

TCP丢失时重发为什么倍增重发等待时间(指数退避)

TCP丢失时重发为什么倍增重发等待时间(指数退避)&#xff1f; 因为当一个数据包或确认包在网络传输过程中丢失时&#xff0c;TCP会触发重传机制&#xff0c;也就是重传超时RTO(Retransmission Timeout)&#xff0c;如果重传的数据包在此丢失&#xff0c;TCP的重传的数据包第一…

文字转视频的免费软件有哪些?快来看看视频制作新潮流

在旅途中&#xff0c;每一步都充满了惊喜和故事。想象一下&#xff0c;当你穿梭在古老的城市街巷&#xff0c;或者在海边享受温暖的阳光&#xff0c;每一次的停留和每一个微笑&#xff0c;都值得被记录和分享。 现在&#xff0c;通过使用一键成片的视频软件&#xff0c;你不必…

算法的学习笔记—从 1 到 n 整数中 1 出现的次数(牛客JZ43)

&#x1f600;前言 在编程面试中&#xff0c;求解从 1 到 n 的整数中数字 1 出现的次数是一个常见的挑战。该问题的关键在于如何高效地统计数字 1 出现的次数。本文将详细分析该问题的解题思路&#xff0c;并提供一个高效的 Java 实现。 &#x1f3e0;个人主页&#xff1a;尘觉…

FeignClient-调用流程

调用流程 首先请求会被FeignInvocationHandler 进行拦截&#xff0c;然后dispatch找到应的方法进行调用。 MethodHandler我们看看&#xff1a; 在接口断点会进入下面这个类&#xff1a; 我们可以看到是通过RestTemplage实现的&#xff0c;并且里面有Retryer重试机制。然后方…

MySQL——事务与存储过程(一)事务管理(1)事务的概念

事务处理机制在程序开发过程中有着非常重要的作用&#xff0c;它可以使整个系统更加安全&#xff0c;保证在同一个事务中的操作具有同步性。 现实生活中&#xff0c;人们经常会进行转账操作&#xff0c;转账可以分为两部分来完成&#xff0c;转人和转出&#xff0c;只有这两个部…