WPF - 样式


.NET 框架提供了多种策略来个性化和定制应用程序的外观。样式使我们能够灵活地设置对象的某些属性,并在多个对象之间重用这些特定设置以获得一致的外观。

  • 在样式中,您只能设置对象的现有属性,例如高度、宽度、字体大小等。

  • 只能指定控件的默认Behave。

  • 可以将多个属性添加到单个样式中。

样式用于为一组控件提供统一的外观或外观。隐式样式用于将外观应用于给定类型的所有控件并简化应用程序。想象一下三个按钮,它们都必须看起来相同,相同的宽度和高度,相同的字体大小,相同的前景色等。我们可以在按钮元素本身上设置所有这些属性,这对于所有按钮来说仍然很好。看一下下图。

风格

但在现实生活中的应用程序中,您通常会有更多的这些需要看起来完全相同。当然,不仅仅是按钮,您通常还希望文本块、文本框和组合框等在应用程序中看起来相同。当然,必须有一种更好的方法来实现这一点,这就是所谓的样式化。您可以将样式视为将一组属性值应用于多个元素的便捷方法。看一下下图。

风格已定义

例子

让我们举一个简单的例子来理解这个概念。首先创建一个新的 WPF 项目。

  • 将三个按钮从工具箱拖到设计窗口。

  • 以下 XAML 代码创建三个按钮并使用一些属性对它们进行初始化。

<Window x:Class = "WPFStyle.MainWindow" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml" 
   xmlns:d = "http://schemas.microsoft.com/expression/blend/2008" 
   xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibility/2006" 
   xmlns:local = "clr-namespace: WPFStyle" 
   mc:Ignorable = "d" Title = "MainWindow" Height = "350" Width = "604"> 
	
   <StackPanel> 
      <Button Content = "Button1" Height = "30" Width = "80" 
         Foreground = "Blue" FontSize = "12" Margin = "10"/> 
      <Button Content = "Button2" Height = "30" Width = "80" 
         Foreground = "Blue" FontSize = "12" Margin = "10"/> 
      <Button Content = "Button3" Height = "30" Width = "80" 
         Foreground = "Blue" FontSize = "12" Margin = "10"/> 
   </StackPanel> 
	
</Window>

当您查看上面的代码时,您会发现所有按钮的高度、宽度、前景色、字体大小和边距属性都是相同的。现在,当上面的代码被编译并执行时,将显示以下窗口。

三个按钮输出

现在让我们看一下同一个示例,但这次我们将使用style

<Window x:Class = "XAMLStyle.MainWindow" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml" 
   xmlns:d = "http://schemas.microsoft.com/expression/blend/2008" 
   xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibility/2006"
   xmlns:local = "clr-namespace:XAMLStyle" 
   mc:Ignorable = "d" Title = "MainWindow" Height = "350" Width = "604">
	
   <Window.Resources> 
      <Style x:Key = "myButtonStyle" TargetType = "Button"> 
         <Setter Property = "Height" Value = "30" /> 
         <Setter Property = "Width" Value = "80" /> 
         <Setter Property = "Foreground" Value = "Blue" /> 
         <Setter Property = "FontSize" Value = "12" /> 
         <Setter Property = "Margin" Value = "10" /> 
      </Style> 
   </Window.Resources> 
	
   <StackPanel> 
      <Button Content = "Button1" Style = "{StaticResource myButtonStyle}" /> 
      <Button Content = "Button2" Style = "{StaticResource myButtonStyle}" /> 
      <Button Content = "Button3" Style="{StaticResource myButtonStyle}" /> 
   </StackPanel> 
	
</Window> 

样式在资源字典中定义,每种样式都有唯一的键标识符和目标类型。在 <style> 内部,您可以看到为每个将包含在样式中的属性定义了多个 setter 标记。

在上面的示例中,每个按钮的所有公共属性现在都在样式中定义,然后通过 StaticResource 标记扩展设置样式属性,将样式分配给具有唯一键的每个按钮。

当您编译并执行上述代码时,它将显示以下窗口(相同的输出)。

相同的输出

这样做的好处是显而易见的,我们可以在其范围内的任何地方重用该样式;如果我们需要更改它,我们只需在样式定义中更改一次,而不是在每个元素上更改一次。

在什么级别上定义样式会立即限制该样式的范围。因此,范围(即您可以使用该样式的位置)取决于您定义它的位置。样式可以在以下级别定义 -

先生编号 级别和描述
1 控制电平

在控件级别定义样式只能应用于该特定控件。下面给出了一个控制级别的示例,其中按钮和 TextBlock 具有自己的样式。

2 布局级别

在任何布局级别定义样式将使其仅可由该布局及其子元素访问。

3 窗位

在窗口级别定义样式可以使其可供该窗口上的所有元素访问。

4 应用层

在应用程序级别定义样式可以使其在整个应用程序中可访问。让我们采用相同的示例,但在这里,我们将把样式放入 app.xaml 文件中,以便在整个应用程序中都可以访问它。