AvaloniaUI的学习

相关网站

github:https://github.com/AvaloniaUI/Avalonia

官方中文文档:https://docs.avaloniaui.net/zh-Hans/docs/welcome

IDE选择

  • VS2022
  • VSCode
  • Rider

以上三种我都尝试过,体验Rider最好。VS2022的提示功能不好,VSCode太慢,只有Rider的觉得体验跟VS2022开发WPF差不多

总上所述,我选择Rider

Rider配置

安装Avalonia模板

安装Avalonia模板:

bash 复制代码
dotnet new install Avalonia.Templates

查看已经安装的模板:

bash 复制代码
dotnet new list

这样新建项目的时候,才能选择Avalonia模板:

安装AvaloniaRider插件

下载好Rider后,需要安装插件AvaloniaRider插件:

创建项目

创建项目时可以选择这几种模板:

其中Avalonia Cross Platform ApplicationAvalonia 11中增加的对移动端(Android和IOS)的支持模板。我们就选择这个。创建完毕后,项目结构大致是这样的:

可以看到有Andriod/Browser/Desktop/IOS的支持。

其中Desktop可以在Windows和Linux上运行。

运行项目

创建好项目之后,等待Nuget自动还原

我改了一下MainView.axaml:

csharp 复制代码
<Grid Background="Blue">
     <Image Source="avares://Avalonia_Test/Assets/avalonia-logo.ico"></Image>
     <TextBlock Text="{Binding Greeting}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
 </Grid>

运行Desktop项目

启动的地方选择带有Desktop的,点击启动

如果没有什么其他的问题的话,应该很快就能启动了:

运行Andriod项目

运行Android项目之前,需要安装Andriod SDK以及安卓模拟器

安装Android SDK
  • 打开菜单:文件->设置
  • 进入到设置界面,选择语言和框架->Android SDK
  • 点击Edit按钮,进入选择SDK界面,然后勾选要安装的SDK



安装Andriod 模拟器

此功能需要借助Visual Studio 2022

使用VS2022打开我们刚刚新建的工程:

打开菜单:工具->Android->Android 设备管理器

点击新建按钮,即可增加一个安卓模拟器,我这里是已经增加过了,可以增加多个


增加后,把它启动起来,然后Rider那里就能看到了。如果没有启动的话,Rider可能启动失败。

常见问题

1.找不到 Android SDK 目录。

报错详细信息 :Xamarin.Android.Tooling.targets(70,5): Error XA5300 : 找不到 Android SDK 目录。按照以下说明安装 Android SDK: https://aka.ms/dotnet-android-install-sdk

若要对命令行生成使用自定义 SDK 路径,请将 "AndroidSdkDirectory" MSBuild 属性设置为自定义路径。

0>------- Finished building project: Avalonia_Test.Android. Succeeded: False. Errors: 1. Warnings: 1

原因说明 :安装Android SDK时,没有使用默认目录,而是自定义目录,例如我安装的就是F:\Install\Android_SDK目录。
解决办法

增加环境变量,把AndroidSdkDirectory设置为Android SDK的安装目录,我这里是F:\Install\Android_SDK所以就设置为这个值:





注意:修改后要重启Rider

2.找不到 API 级别 34 的 android jar

报错详细信息 :Xamarin.Android.Tooling.targets(100,5): Error XA5207 : 找不到 API 级别 34 的 android jar。这意味着未安装 API 级别 34 的 Android SDK 平台。请在 Android SDK 管理器 "工具">" Android">"Android SDK 管理器"... 中安装它,或更改 Xamarin.Android 项目,使其将安装的 API 版本作为目标。(缺少 F:\Install\Android_SDK\platforms\android-34\android.jar。)

0>------- Finished building project: Avalonia_Test.Android. Succeeded: False. Errors: 1. Warnings: 1

解决方法 :需要在RiderAndroid SDK Mananger安装Android SDK 34,之前安装的是35版本,估计是版本太高导致的:

修改之后同样需要重启Rider。然后就可以运行啦:

相关推荐
共享ui设计和前端开发人才3 小时前
UI前端大数据处理安全性保障:数据加密与隐私保护策略
ui
ui设计前端开发老司机3 小时前
UI前端大数据处理性能瓶颈突破:分布式计算框架的应用
ui
前端开发与ui设计的老司机3 小时前
UI前端与数字孪生结合实践探索:智慧物流的货物追踪与配送优化
前端·ui
UI设计和前端开发从业者6 小时前
从UI设计到数字孪生实战应用:构建智慧金融的智能风控平台
ui·金融
ui设计前端开发老司机14 小时前
数字孪生技术为UI前端提供全面支持:实现产品的可视化配置与定制
ui
X_StarX15 小时前
【Unity笔记01】基于单例模式的简单UI框架
笔记·ui·unity·单例模式·游戏引擎·游戏开发·大学生
Clair-Sean1 天前
【交互设计】UI 与 UX 简介:从核心概念到行业实践
ui·ux
Zevalin爱灰灰1 天前
MATLAB GUI界面设计 第六章——常用库中的其它组件
开发语言·ui·matlab
前端开发与ui设计的老司机1 天前
数字孪生技术引领UI前端设计潮流:增强现实(AR)的集成应用
ui
前端开发与ui设计的老司机2 天前
数字孪生技术为UI前端注入灵魂:实现产品全生命周期的可视化管理
前端·ui·命令模式