Avalonia 一个 .net 的跨平台 UI 框架

Avalonia 是 dotnet 的跨平台 UI 框架，提供灵活的样式系统并支持广泛的平台，例如 Windows、macOS、Linux、iOS、Android 和 WebAssembly。

架构概述

将核心和子系统的代码拆分为单独的程序集/包。

窗口

在为处理事件循环、加载光标和图标提供各种服务的同时，窗口子系统的主要任务是提供在屏幕上获取内容的方法。为此有一个 TopLevels 的概念- 控件，旨在成为显示在屏幕上的小部件层次结构根。

TopLevel 类代表屏幕的一个正方形区域，它具有一定的大小，可以接受用户输入并提供渲染子系统使用的表面
WindowBase 是一个类似桌面的窗口，也可以根据需要移动和调整大小
Window 是一个带有标题、装饰和按钮的桌面窗口
EmbeddableRoot 旨在嵌入到其他 UI 工具包中，因此它也支持一些焦点管理

用户控件

AUserControl 通常由两部分组成：XAML 文件（MyUserControl.axaml）和代码隐藏文件（MyUserControl.axaml.cs）。

操作步骤

在解决方案资源管理器中右键单击要添加控件的文件夹
选择 Add -> New Item 菜单项
在出现的对话框中，导航到类别树中的“Avalonia”部分
选择“用户控件（Avalonia）”
在“名称”下输入您的控件名称
单击“添加”按钮

.NET 核心命令行

运行此命令，替换[namespace]为您要 UserControl 在其中创建的命名空间和[name]控件的名称。

dotnet new avalonia.usercontrol -p:n [命名空间] -n [名称]

动画

Avalonia 中有两种类型的动画：

为控件上的任意数量的属性设置动画，使用任意数量的关键帧来定义每个属性必须通过的状态。关键帧动画是更通用的动画类型。
用于为单个属性更改设置动画。

关键帧动画

「定义关键帧动画定义关键帧动画」使用样式应用关键帧动画。Animation 可以通过向属性添加对象来在任何样式上定义它们 Style.Animation：

<Window xmlns="https://github.com/avaloniaui">
    <Window.Styles>
        <Style Selector="Rectangle.red">
            <Setter Property="Height" Value="100"/>
            <Setter Property="Width" Value="100"/>
            <Setter Property="Fill" Value="Red"/>
            <Style.Animations>
                <Animation Duration="0:0:1">
                    <KeyFrame Cue="0%">
                        <Setter Property="Opacity" Value="0.0"/>
                    </KeyFrame>
                    <KeyFrame Cue="100%">
                        <Setter Property="Opacity" Value="1.0"/>
                    </KeyFrame>
                </Animation>
            </Style.Animations>
        </Style>
    </Window.Styles>

    <Rectangle Classes="red"/>
</Window>

「触发动画」与 WPF 不同 Triggers，在 XAML 中定义的动画依赖于选择器来触发它们的行为。选择器可以始终应用于控件，或者它们可以有条件地应用（例如，如果控件具有应用的样式类）。

安装

要开始使用 Avalonia，请为其安装模板

dotnet new -i Avalonia.Templates

然后创建新的应用程序

dotnet new avalonia.app -o MyApp
cd MyApp

打开 MyApp 文件夹并继续改进应用程序。

JetBrains Rider 设置

下载并安装 .NET 5 SDK 下载 .NET（Linux、macOS 和 Windows）（microsoft.com 这是用于构建 Avalonia 应用程序的运行时、开发工具包（编译器等）。
安装 Avalonia 模板从计算机上的命令提示符运行命令。dotnet new -i Avalonia.Templates 输出将与此类似。

$ dotnet new -i Avalonia.Templates
  Determining projects to restore...
  Restored /Users/danwalmsley/.templateengine/dotnetcli/v5.0.200/scratch/restore.csproj (in 706 ms).

Templates                                     Short Name            Language    Tags
.....

Avalonia Resource Dictionary                  avalonia.resource                 ui/xaml/avalonia/avaloniaui
Avalonia Styles                               avalonia.styles                   ui/xaml/avalonia/avaloniaui

Examples:
    dotnet new mvc --auth Individual
    dotnet new mstest
    dotnet new --help
    dotnet new avalonia.mvvm --help
$

下载并安装 Rider：Rider 将提供适用于 Avalonia 的最佳开发体验。它适用于 Windows、Linux 和 macOS。Rider 支持开箱即用的 XAML。但是，如果要使用 XAML 预览器，则需要 Avalonia 插件。
安装 Avalon 插件一旦 Rider 加载，将看到欢迎屏幕。单击 Configure 下拉菜单并选择 Plugins。