Avalonia样式学习 -526互联

前言

Avalonia的样式是Styles，用于在控件之间共享属性设置用于在控件之间共享属性设置，样式由 Selector和属性组成

样式定义

下面定义一个最简单的样式

<Window.Styles>
        <Style Selector="TextBlock">
            <Setter Property="FontSize" Value="30"/>
        </Style>
    </Window.Styles>

这样这个窗体中每个TextBlock控件都具有了FontSize为30的样式。

每个样式还可以定义一个专属类名，控件通过属性 Classes = "XX" 来引用样式

样式还可以进行组合通过设置 Classes 以空格分割的样式类，可以组合多个样式

样式资源

如果样式太多，可以单独抽离出来一个文件

把刚才的代码复制过来

然后通过StyleInclude来引入文件，引入的时候是会有提示的，直接选择对应的文件就可以

效果跟刚才一样。

如果想全局都使用这个样式的话，可以放在App.axanl文件中，这个每个窗体都可以使用

代码切换样式

我们给第二个TextBlock 增加一个Name,同时增加一个按钮

给这个按钮增加点击的事件

在事件方法中可以动态修改他的样式

样式主题

有时候我们可以需要把多个样式组合起来一起使用，定义一个主题，比如Dark主题，Light主题、Mac主题、Win主题等

下面我们定义俩个文件夹。里面都新增一个Styles文件

俩个文件这俩个颜色设置为不同的，便于区分

然后定义俩个主题文件，这俩个类里面 include 各文件夹下的所有Style文件，

至于对应的cs文件，需要手动添加，同时继承Styles类。

全部代码如下图所示

接下来，我们就可以在启动的时候，通过判断不同的平台环境。来加载不同的样式资源

运行过程中也可以再次修改

   var btnWindow = this.FindControl<Button>("btnWindow");
            btnWindow.Click += (s, e) =>
            {
                this.Styles.Clear();
                this.Styles.Add(new WindowsTheme());
            };

            var btnMacos = this.FindControl<Button>("btnMacos");
            btnMac.Click += (s, e) =>
            {
                this.Styles.Clear();
                this.Styles.Add(new MacosTheme());
            };

结尾

样式的伪类和样式的选择感觉还是挺麻烦的，等我再研究研究重新写一篇好了