从Avalonia的Hello world开始

273 阅读1分钟

让我们从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命令能看到安装的项目模板。

Screenshot 2024-01-14 at 12.03.02.png

Avalonia的项目模板会存储在Home目录的.templateengine/packages。模版安装完成后,在各种IDE中新建项目的时候就能够看到Avalonia的项目模板。比如在Visual Studio 2022 for Mac新建项目时能看到如下的界面。 Screenshot 2024-01-14 at 11.52.57.png

后续如果不再需要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

能看到如下的界面

Screenshot 2024-01-14 at 12.20.08.png

这是一个普通的窗口,窗口正中间是Welcome to Avalonia!的字符串。我们来修改这个字符串。打开ViewModels目录下的MainWindowViewModel.cs文件,修改Greeting变量,把他的值修改为Hello, world!。 Screenshot 2024-01-14 at 12.25.32.png

重新执行dotnet run命令就能看到我们期待的界面 Screenshot 2024-01-14 at 12.28.08.png