创建Avalonia 模板项目-基础

创建,avalonia,模板,项目,基础 · 浏览次数 : 213

小编点评

**创建Avalonia模板项目** **步骤 1:安装 Avalonia 模板** 使用以下命令安装模板: ``` dotnet new install Avalonia.Templates ``` **步骤 2:创建新的应用程序** 1. 打开 Visual Studio。 2. 搜索 “avalonia”。 3. 选择 “Create new” > “Avalonia App”。 4. 在创建窗口中输入应用程序名称,然后点击 “Create”。 **步骤 3:开发工具配置** 1. 在 Visual Studio 的菜单中选择 “工具” > “选项”。 2. 在列表中选择 “Avalonia XAML Editor”。 3. 在 “Minimum Log Verbosity” 下选择 “Verbose”。 4. 点击 “OK”。 **步骤 4:运行应用程序** 1. 导航到应用程序目录。 2. 运行以下命令: ``` dotnet run2 MyAvalonia ``` **结果** 运行应用程序会启动并运行。您可以访问应用程序文件夹,开始修改和构建应用程序。

正文

创建Avalonia 模板项目-基础

Avalonia是一个跨平台的.NET框架,用于构建漂亮、现代的图形用户界面(GUI)。使用Avalonia,您可以从单个代码库创建适用于Windows、macOS、 Linux、iOS、Android和Web Assembly的原生应用程序。

本文部分内容来自官方文档地址:官方文档

1.环境配置要求

💻 支持的 .NET 版本

Avalonia兼容所有支持.NET Standard 2.0的平台。您可以点击这里找到有关.NET标准版本的详细信息。

📱 支持的平台

Avalonia官方支持下列平台:

  • Windows 8 及更高版本(虽然它也能在Windows 7上正常工作)
  • macOS High Sierra 10.13 及更高版本

在Linux上,下列发行版支持Avalonia:

  • Debian 9 (Stretch) 及更高版本
  • Ubuntu 16.04 及更高版本
  • Fedora 30 及更高版本

🛠 支持的开发环境

下列环境中使用IntelliSense,极好地支持Avalonia XAML开发:

  • Visual Studio 2017及更高版本,包含Avalonia Visual Designer
  • JetBrains Rider 2020.3及更高版本

2.创建Avalonia 模板项目

1.安装Avalonia模板

运行下列命令安装模板Avalonia模板:

dotnet new install Avalonia.Templates

image-20230626104656604

注意:.NET 6.0及更早版本,请改用--install选项。

打开VS创建项目

搜索:avalonia,现在可以看到有各种类型模板可以选择了

image-20230626105647944

2.创建新的应用程序

1.命令创建(也可以在vs中可视化创建)

安装模板后,可以通过运行以下命令创建新的Avalonia应用程序:

dotnet new avalonia.app -o MyAvalonia

image-20230626104758346

这将在您的应用程序目录下创建一个名为MyAvalonia的新文件夹。

image-20230626104848412

要运行应用程序,请导航到MyApp目录并运行:

cd MyAvalonia

dotnet run

2.运行结果:

image-20230626105145434

Avalonia应用程序现在已经启动并运行。您可以打开MyApp文件夹,开始改进和构建应用程序。

3.开发工具配置

1.错误异常诊断

avalonia提供verbose级别日志:

  • Viual Studio 的菜单中选择 "工具" → "选项"
  • 在列表中选择 Avalonia XAML Editor
  • Minimum Log Verbosity 下选择 Verbose

选择“显示输出来源:Avalonia Diagnostics”,日志将显示在 Visual Studio 输出窗口中。

image-20230626134032192

2.故障排除和常见问题解答

Visual Studio 不展示 Avalonia 预览器

有时 Visual Studio 会使用 WPF 编辑器而不是 Avalonia 打开 XAML 文件。一般关闭显示错误的文件并重新打开它,问题就能解决。

如果这样做没有效果,可以右键单击该文件并选择[打开方式…]。在打开的对话框中,选择[Avalonia XAML Editor]

我没有预览界面

如果未正确显示预览界面,请尝试(重新)构建项目或解决方案。预览器需要有效的构建才能正常工作。

此外,如果解决方案中有多个项目,则可能需要选择渲染预览的项目。

与创建Avalonia 模板项目-基础相似的内容:

创建Avalonia 模板项目-基础

# 创建Avalonia 模板项目-基础 Avalonia是一个跨平台的.NET框架,用于构建漂亮、现代的图形用户界面(GUI)。使用Avalonia,您可以从单个代码库创建适用于Windows、macOS、 Linux、iOS、Android和Web Assembly的原生应用程序。 本文部分内容

avalonia自定义弹窗

对于使用avalonia的时候某些功能需要到一些提示,比如异常或者成功都需要对用户进行提示,所以需要单独实现弹窗功能,并且可以自定义内部组件,这一期将手动实现一个简单的小弹窗,并且很容易自定义 创建项目 实现我们需要创建一个avaloniaMVVM的项目模板 并且取名PopoverExample 然

封装avalonia指定组件允许拖动的工具类

封装avalonia指定组件允许拖动的工具类 创建Avalonia的MVVM项目,命名DragDemo ,然后将项目的Nuget包更新到预览版

Avalonia 实现动态托盘

先下载一个gif图片,这里提供一个gif图片示例 在线GIF图片帧拆分工具 - UU在线工具 (uutool.cn) 使用这个网站将gif切成单张图片 创建一个Avalonia MVVM的项目,将图片copy进去 在项目文件中添加一下代码:

Avalonia项目打包安装包

# Avalonia项目打包安装包 要将 Avalonia 项目打包成安装包,你可以使用 Avalonia 发布工具来完成 # 1.创建一个发布配置文件 在你的 Avalonia 项目中,创建一个发布配置文件。在项目文件夹中创建一个名为 `publish.xml` 的文件,并添加以下内容: ```x

Avalonia 实现平滑拖动指定控件

Avalonia 实现平滑拖动指定控件 1.创建一个UserControl控件,并且添加以下代码 using System; using Avalonia; using Avalonia.Controls; using Avalonia.Input; using Avalonia.Markup.Xa

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

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

跨平台`ChatGpt` 客户端

跨平台ChatGpt 客户端 一款基于Avalonia实现的跨平台ChatGpt客户端 ,通过对接ChatGpt官方提供的ChatGpt 3.5模型实现聊天对话 实现创建ChatGpt的项目名称 ,项目类型是Avalonia MVVM , 添加项目需要使用的Nuget包

类WPF跨平台模仿TIM

# 类WPF跨平台模仿TIM ## Avalonia是什么? Avalonia 是一个功能强大的框架,使开发人员能够使用 .NET 创建跨平台应用程序。它使用自己的渲染引擎来绘制UI控件,确保在各种平台上保持一致的外观和行为,包括Windows,macOS,Linux,Android,iOS和Web

一步步教你在 Windows 上构建 dotnet 系应用的 UOS 软件安装包

本文将详细指导大家如何逐步为 dotnet 系列应用创建满足 UOS 统信系统软件安装包的要求。在这里,我们所说的 dotnet 系列应用是指那些能够在 Linux 平台上构建 UI 框架的应用,包括但不限于 CPF 应用、UNO 应用、Avalonia 应用等