Avalonia开发（一）环境搭建

news2024/9/30 13:27:21

一、介绍

开源 GitHub：https://github.com/AvaloniaUI/Avalonia/
多平台支持，包括Windows、mac OS、Linux、iOS、Android、Samsung Tizen（很快支持）、WebAssembly
IDE支持，Visual Studio扩展支持，JetBrains Rider & Resharper支持
依托.NET平台
社区支持
MIT 协议

二、安装Visual Studio扩展

2.1 Avalonia Template Studio

安装上此扩展，可以使用项目模板快速创建Avalonia项目。

####2.2 Avalonia for Visual Studio
这个扩展有两个，一个是支持Visual Studio 2022版本，一个是支持Visual Studio 2017/2019版本，可以根据自己的Visual Studio版本选择安装适用于自己IDE的扩展。安装上此扩展，可以像WPF的设计界面一样，支持图形化的设计。

三、开发

安装上上面两个扩展就可以正常进行Avalonia的开发了。

3.1 创建项目

打开VS-> 创建新项目-> 在搜索模板输入框输入Avalonia，由于我们选择用C#语言开发，因此选择第一个项目模板即可。

项目名称我们确定为：FirstAvaloniaApp，点击创建按钮，之后会弹出一个对话框，
第一步：选择在创建哪些平台的项目，我们选择:Desktop,Web,Android,iOS，目前在Windows平台上就可以创建这四个平台的项目

第二步：使用的MVVM框架，有两个，ReactiveUI和Community Toolkit，可以根据自己的爱好进行选择，在这里我们选择Community Toolkit

第三步：使用的一些特性，包括：Compiled Bindings，Embedded Support，Meadow Support，在这里我们选择第一个Compiled Bindings，其他两个暂时不选择。点击按钮Create后，会自动创建对应的项目。

3.2 项目结构

项目创建完成后，解决方案对话框里面会创建5个项目，这里与xamarin.forms的项目结构相似，使用不同的平台项目编译不同平台的程序，这里与MAUI是有区别的。
FirstAvaloniaApp.Android：Android项目
FirstAvaloniaApp.Browser：WebAssembly项目
FirstAvaloniaApp.Desktop：Windows桌面项目
FirstAvaloniaApp.iOS：iOS项目

这里，我们将FirstAvaloniaApp.Desktop设置为启动项目，可以通过编译->运行，查看项目模板的页面内容，如下图所示，一个窗口，里面有一个textblock控件显示文本内容。

关于Compiled Bindings，Embedded Support，Meadow Support这三个的用途，可以点Details击详细进行查看
Compiled Bindings 编译绑定

Embedded Support 增加了对在嵌入式系统上运行应用程序的支持

Meadow Support