Avalonia开发(一)环境搭建

avalonia,开发,环境,搭建 · 浏览次数 : 401

小编点评

**开源 GitHub:** - 项目地址:github.com/AvaloniaUI/Avalonia - 支持平台:Windows、mac OS、Linux、iOS、Android、Samsung Tizen(很快支持)、WebAssemblyIDE支持,Visual Studio扩展支持,JetBrains Rider & Resharper支持 **安装 Visual Studio扩展:** 1. 下载并安装 Visual Studio扩展。 2. 在安装过程中,选择“Avalonia Template Studio”。 **开发安装:** 1. 创建项目。 2. 选择第一个项目模板:Avalonia Template Studio。 3. 在创建项目时选择要创建的平台。 4. 选择 MVVM框架:ReactiveUI 或 Community Toolkit。 5. 选择其他可选特性。 6. 点击 “Create”。 **项目结构:** - FirstAvaloniaApp.Android:Android 项目 - FirstAvaloniaApp.Browser:WebAssembly 项目 - FirstAvaloniaApp.Desktop:Windows 桌面项目 - FirstAvaloniaApp.iOS:iOS 项目 **nuget 更新包:** - 项目模板创建的项目可能使用与最新版本不同的 nuget 包。 - 右键解决方案 -> “管理解决方案的nuget 程序包”进行程序包更新。

正文

一、介绍

  1. 开源 GitHub:https://github.com/AvaloniaUI/Avalonia/
  2. 多平台支持,包括Windowsmac OSLinuxiOSAndroidSamsung Tizen(很快支持)、WebAssembly
  3. IDE支持,Visual Studio扩展支持,JetBrains Rider & Resharper支持
  4. 依托.NET平台
  5. 社区支持
  6. 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框架,有两个,ReactiveUICommunity Toolkit,可以根据自己的爱好进行选择,在这里我们选择Community Toolkit

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

3.2 项目结构

项目创建完成后,解决方案对话框里面会创建5个项目,这里与xamarin.forms的项目结构相似,使用不同的平台项目编译不同平台的程序,这里与MAUI是有区别的。
FirstAvaloniaApp.AndroidAndroid项目
FirstAvaloniaApp.BrowserWebAssembly项目
FirstAvaloniaApp.DesktopWindows桌面项目
FirstAvaloniaApp.iOSiOS项目

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

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

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

Meadow Support

3.3 FirstAvaloniaApp项目结构

展开FirstAvaloniaApp,可以看到整个项目的结构

Assets:项目用到的一些资源文件,
ViewModels:视图模型文件,用于绑定到View中对应的ViewModel文件
Views:视图文件,主要为以axaml结尾的文件

3.4 nuget更新包

使用项目模板创建的项目使用的类库版本可能会存在版本与最新版本有差距,这样可以右键“解决方案”-> “管理解决方案的nuget程序包”进行程序包的更新,可以选择“选择所有程序包”,然后点击“更新”按钮

END

本篇文章作为开始篇,几乎没有任何手动编写代码,我们将在下一篇文章中添加代码,实现某些功能!Thanks!

与Avalonia开发(一)环境搭建相似的内容:

Avalonia开发(一)环境搭建

一、介绍 开源 GitHub:https://github.com/AvaloniaUI/Avalonia/ 多平台支持,包括Windows、mac OS、Linux、iOS、Android、Samsung Tizen(很快支持)、WebAssembly IDE支持,Visual Studio扩展支

Avalonia开发(二)项目结构解析

一、前言 在Avalonia开发(一)环境搭建 文章中介绍了Avalonia的介绍、开发环境的搭建、项目创建,以及项目FirstAvaloniaApp项目结构的介绍。本篇文章将介绍各平台的项目介绍。 二、Desktop项目结构 FirstAvaloniaApp.Desktop项目中默认生成的只有两个

动手学Avalonia:基于SemanticKernel与硅基流动构建AI聊天与翻译工具

Avalonia是什么? Avalonia是一个跨平台的UI框架,专为.NET开发打造,提供灵活的样式系统,支持Windows、macOS、Linux、iOS、Android及WebAssembly等多种平台。它已成熟并适合生产环境,被Schneider Electric、Unity、JetBrai

解决WPF+Avalonia在openKylin系统下默认字体问题

一、openKylin简介 openKylin(开放麒麟) 社区是在开源、自愿、平等和协作的基础上,由基础软硬件企业、非营利性组织、社团组织、高等院校、科研机构和个人开发者共同创立的一个开源社区,致力于通过开源、开放的社区合作,构建桌面操作系统开源社区,推动Linux开源技术及其软硬件生态繁荣发展。

Avalonia开发Markdown编辑器

# Avalonia开发Markdown编辑器 今天熟悉Avalonia UI,做一个Markdown的文本编辑器。 代码我上传了Github,地址: [https://github.com/raokun/AvaloniaMarkdown.git](https://github.com/raokun

在虚拟机VMware上安装OpenKylin开源操作系统

# 在虚拟机(VMware)上安装OpenKylin开源操作系统 今天我们一下学习下开放麒麟系统的安装。也是我的开源项目在OpenKylin上运行的实践。 希望通过该项目了解和学习Avalonia开发的朋友可以在我的github上拉取代码,同时希望大家多多点点star。 https://github

基于Avalonia 11.0.0+ReactiveUI 的跨平台项目开发1-通用框架

# 基于Avalonia 11.0.0+ReactiveUI 的跨平台项目开发1-通用框架 ### Avalonia简介: Avalonia是.NET的一个跨平台UI框架,提供了一个灵活的样式系统,支持广泛的操作系统,如Windows、Linux、macOS,并对Android、iOS和WebAss

基于Avalonia 11.0.0+ReactiveUI 的跨平台项目开发2-功能开发

# 基于Avalonia 11.0.0+ReactiveUI 的跨平台项目开发2-功能开发 ![image-20230718225201652](https://www.raokun.top/upload/2023/07/image-20230718225201652.png) **项目简介**:目

Avalonia中用FluentAvalonia+DialogHost.Avalonia实现界面弹窗和对话框

# Avalonia中用FluentAvalonia+DialogHost.Avalonia实现界面弹窗和对话框 本文是项目中关于 **`弹窗界面`** 设计的技术分享,通过 **`FluentAvalonia`+`DialogHost.Avalonia`** 开源nuget包来实现项目中需要 **

Avalonia项目在OpenKylin运行踩坑

# Avalonia项目在OpenKylin运行踩坑 本篇博客记录OpenKylin开源操作系统中运行Avalonia项目遇到的各种问题,会一直更新,最新的内容请点击文末的链接跳转到我的[博客原文地址](https://www.raokun.top/archives/avalonia-xiang-m