让我们从Hello world开始Avalonia的学习之旅。
准备工作
开始之前需要做好以下准备
- 开发用到的电脑,可以是Windows, Linux或者macOS中的任意一个。
- 在开发电脑上安装dotnet SDK。
本文的讲述是基于macOS 14和dotnet 8 SDK的。
安装Avalonia UI Templates
在Terminal里执行下面的命令来安装Avalonia UI Templates。
dotnet new install Avalonia.Templates
使用dotnet new list命令能看到安装的项目模板。
Avalonia的项目模板会存储在Home目录的.templateengine/packages。模版安装完成后,在各种IDE中新建项目的时候就能够看到Avalonia的项目模板。比如在Visual Studio 2022 for Mac新建项目时能看到如下的界面。
后续如果不再需要Avalonia.Templates可以使用下面的命令移除Avalonia模版。
dotnet new uninstall Avalonia.Templates
创建并运行Hello world
从模板创建Avalonia项目
dotnet new avalonia.mvvm -o HelloWorld
执行上面的命令后,会以avalonia.mvvm为模板在当前目录创建一个HelloWorld项目。 这里的avalonia.mvvm就是之前安装的Avalonia项目模板之一。
运行Hello world
进入刚才创建的项目目录执行命令
dotnet run
能看到如下的界面
这是一个普通的窗口,窗口正中间是Welcome to Avalonia!的字符串。我们来修改这个字符串。打开ViewModels目录下的MainWindowViewModel.cs文件,修改Greeting变量,把他的值修改为Hello, world!。
重新执行dotnet run命令就能看到我们期待的界面