WPF XAML 为项目设置全局样式

Posted dotNET跨平台

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了WPF XAML 为项目设置全局样式相关的知识,希望对你有一定的参考价值。

全局资源样式属性

App.xaml

<Application.Resources>
    <ResourceDictionary><br>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="Dictionary.xaml"/>
        </ResourceDictionary.MergedDictionaries><br>
        <Style x:Key="xxx" TargetType="Button">
            <Setter Property="Foreground" Value="White"></Setter>
            <Setter Property="FontSize" Value="30"></Setter>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Grid></Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
</Style>
        <ControlTemplate x:Key="xx" TargetType="Button">
            <Grid></Grid>
        </ControlTemplate>
    </ResourceDictionary>
</Application.Resources>

说明:

1.行类属性尽量少用,只有特殊控件 需要用到行内属性,

   正确的做法是封装统一风格的所有控件。
  (例如按钮,统一高宽,字体,字体大小,然后申明到独立的资源字典中,
    在App.xaml中引用)

2.头部资源引用情况用于 不同 Window 适应不同主题或者风格的情况。

   比如为某一个窗口申明一个当前窗口单独使用的样式。

  (例如播放器的旋转控件,只有一个页面用到,只需要在Window级引用对应资源字典)

   不放在App.xaml原因是为了降低内存消耗。

3.App.xaml 里面的资源引用适用于全局资源。理论上每一个被申明的Window
   都会创建一个对应资源字典的实例。除非是每个Window都会用到的模块,
    不然建议放到对应Window级

经典实例:

ControlStyle.xaml
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:local="clr-namespace:DemoForm.UI">
    <Style x:Key="BtnControl" TargetType="Button">
        <Setter Property="FontSize" Value="15"/>
        <Setter Property="HorizontalContentAlignment" Value="Center"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="Height" Value="40"/>
        <Setter Property="Margin" Value="2"/>
        <!--<Setter Property="Background" Value="Red"/>-->
</Style>
</ResourceDictionary>


App.xaml
<Application
    x:Class="DemoForm.App"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:DemoForm"
    StartupUri="MainWindow.xaml">


    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/UI/ControlStyle.xaml"></ResourceDictionary>
                <!--或者这样方式DemoForm;component/UI/Dictionary1.xaml  引用以后就可以继承了-->
            </ResourceDictionary.MergedDictionaries>
            <Style BasedOn="StaticResource  BtnControl" TargetType="Button" >
                <Setter Property="FontSize" Value="10" />
                <Setter Property="HorizontalContentAlignment" Value="Center" />
                <Setter Property="VerticalContentAlignment" Value="Center" />
                <Setter Property="Height" Value="40" />
                <Setter Property="Margin" Value="2" />
                <Setter Property="Template">  <!--应用于全局的控件模板-->
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Border BorderThickness="1" CornerRadius="10" Background="TemplateBinding Background">
                                <ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center"/>
                            </Border>
                            <ControlTemplate.Triggers >
                                <Trigger Property="Button.IsMouseOver" Value="True">
                                    <Setter Property="Button.Background" Value="blue"/>
                                </Trigger >
                            </ControlTemplate.Triggers >
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
</Style>
            <Style TargetType="Label">
                <!--//x:Key="LblStyle"去掉就是全局引用-->
                <Setter Property="FontSize" Value="12" />
                <Setter Property="HorizontalContentAlignment" Value="Center" />
                <Setter Property="VerticalContentAlignment" Value="Center" />
</Style>
            <Style TargetType="TextBox">
                <!--//x:Key="TxtStyle" 去掉就是全局引用-->
                <Setter Property="FontSize" Value="12" />
                <Setter Property="HorizontalContentAlignment" Value="Center" />
                <Setter Property="VerticalContentAlignment" Value="Center" />
                <Setter Property="MaxHeight" Value="50" />
                <Setter Property="MinWidth" Value="80" />
                <Setter Property="Margin" Value="2" />
</Style>
            <!--<ControlTemplate x:Key="buttonTemplate" TargetType="Button" >
                <Border BorderThickness="1" CornerRadius="10" Background="TemplateBinding Background">
                    <ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center"/>
                </Border>
                <ControlTemplate.Triggers >
                    <Trigger Property="Button.IsMouseOver" Value="True">
                        <Setter Property="Button.Background" Value="blue"/>
                    </Trigger >
                </ControlTemplate.Triggers >
            </ControlTemplate >-->
        </ResourceDictionary>
    </Application.Resources>
</Application>

技术群: 需要进技术群学习交流的请添加小编微信,切记备注:加群,对以上内容有什么疑问也可以直接和小编直接沟通交流!     

小编微信:mm1552923   

公众号:dotNet编程大全   

以上是关于WPF XAML 为项目设置全局样式的主要内容,如果未能解决你的问题,请参考以下文章

全局资源不适用于 xaml 中的控件样式

无法覆盖由 TargetType 在单个特定控件上设置的全局 WPF 样式

WPF 字体设置

WPF全局异常捕获

wpf 在app.xaml 中设定了全局的textblock fontsize,大部分控件的字体都受影响了

如何在 Visual Studio 2019 中为 C# WPF 切换 XAML 中的行注释