Avalonia开发笔记(2024/5/20更新)

官网:

https://avaloniaui.net/

源码:

https://github.com/AvaloniaUI/Avalonia

目前最新版本:11.0.10

常用控件

CgdataBase.Avalonia

自己写的基础库控件,里面是自己平常经常用的基础函数。

Install-Package CgdataBase.Avalonia

OxyPlot.Avalonia

开源的曲线图控件
OxyPlot.Avalonia需要下面的版本:

Install-Package OxyPlot.Avalonia -Version 2.1.0-Avalonia11

LiveCharts2

开源的曲线图控件

Install-Package LiveChartsCore.SkiaSharpView.Avalonia

Avalonia.AvaloniaEdit

开源的文本和代码编辑器控件

Install-Package Avalonia.AvaloniaEdit

Dock.Avalonia

开源的dock控件

Install-Package Dock.Avalonia
Install-Package Dock.Model.Mvvm

ThemeEditor.Controls.ColorPicker

开源的颜色选择器控件

Install-Package ThemeEditor.Controls.ColorPicker

Material.Avalonia

Install-Package Material.Avalonia

https://github.com/AvaloniaCommunity/Material.Avalonia

Avalonia.Controls.DataGrid

Install-Package Avalonia.Controls.DataGrid

DialogHost.Avalonia

Install-Package DialogHost.Avalonia

ShowMeTheXaml.Avalonia

Install-Package ShowMeTheXaml.Avalonia

目前我们已经拿Avalonia做了好几个跨平台的项目。跟WPF非常相似,还是挺不错的。
并且这个平台一直在更新,从开始接触到现在,也是已经升级了好多个版本。
很多第三方的控件和开发库都基于Avalonia进行了移植。常规的开发基本上没啥问题。
类似曲线图等控件,可选用OxyPlot或LiveCharts2。

从0.10升级到11.0.x版本

版本升级的官方帮助文档,说明版本说明时需要修改的一些东西。
https://docs.avaloniaui.net/zh-Hans/docs/next/stay-up-to-date/upgrade-from-0.10

编辑器推荐

Visual Studio 2022 + Avalonia for Visual Studio 2022

需要安装一个插件,但是XAML界面下,代码提示功能比较弱,基本上算没有,写起来不是很方便。

JetBrains Rider

目前最新版本是2021版本,本身是商用,可以试用30天。JetBrains Rider的代码提示功能做得挺不错的,不过代码调试有时候没VS方便,可以两个IDE结合起来使用。
如果是在Linux系统下开发,因为没有VS编译器可用,感觉JetBrains Rider会是最好的选择,相比较VS Code,集成度会更高,代码提示等方面都会做得更好一点。

VS Code

VS Code开源免费,各个操作系统都支持,在Linux等操作系统下也是一个不错的选择。可以用VS Code编辑代码,然后用dotnet来编译执行。
不过我用的比较少,现在大部分时候还是在Windows上开发完,然后拿到Linux上执行和调试。

系统测试情况

目前试了一下,能够正常运行的系统,除了Windows系统外,流行的Ubuntu,Centos,Redhat这些系统应该都没啥问题。
目前因为国产化要求,经常需要运行在银河麒麟系统下,目前测试了没有啥问题。
在Linux系统可能会出现因为找不到字体运行失败的问题,需要指定一下字体。
Avalonia 11.0.0版本之后,处理的方式会有差异。

Avalonia的应用可以打包成deb安装包。也可以基于软件包设置桌面图标,操作方法参考:

Ubuntu系统下为Avalonia应用创建桌面图标 - wzwyc - 博客园
https://www.cnblogs.com/wzwyc/p/14820893.html

相关的开源项目

Avalonia资源

https://github.com/AvaloniaCommunity/awesome-avalonia?tab=readme-ov-file

Gotrays.Suspension

Gotrays Suspension 作为open666.cn的客户端生态,以开源给用户使用,使用avalonia实现跨平台,支持在Win,Linux,Mac下运行。
https://github.com/239573049/Suspension

Core2D

GitHub - wieslawsoltes/Core2D: A multi-platform data driven 2D diagram editor.
https://github.com/wieslawsoltes/Core2D

Avalonia内置控件的示例程序

https://github.com/AvaloniaUI/ControlCatalogStandalone.git

FAQ常见问题解决

1、“Default font family name can't be null or empty.”报错

Avalonia 11.0.0的处理方式:

public static AppBuilder BuildAvaloniaApp()
{
    var Settings = AppSettings.Instance;
    FontManagerOptions options = new();
    if (OperatingSystem.IsLinux())
    {
        options.DefaultFamilyName = Settings.LinuxFamilyName;
    }
    else if (OperatingSystem.IsMacOS())
    {
        options.DefaultFamilyName = Settings.MacOSFamilyName;
    }
    else if (OperatingSystem.IsWindows())
    {
        options.DefaultFamilyName = Settings.WindowsFamilyName;
    }

    return AppBuilder.Configure<App>()
                .UsePlatformDetect()
                .LogToTrace()
                .WithInterFont()
                .UseReactiveUI()
                .With(options);
}

2、打包成deb安装包

Avalonia的应用可以打包成deb安装包。也可以基于软件包设置桌面图标,操作方法参考:
Ubuntu系统下为Avalonia应用创建桌面图标 - wzwyc - 博客园
https://www.cnblogs.com/wzwyc/p/14820893.html

3、窗体的快捷键设置

<Button
    Classes="select"
    Command="{Binding AddCommand}"
    Content="添加"
    HotKeyManager.HotKey="Ctrl+N" />
<Button
    Classes="select"
    Command="{Binding EditCommand}"
    Content="编辑"
    HotKeyManager.HotKey="F2" />
<Button
    Classes="select"
    Command="{Binding DeleteCommand}"
    Content="删除"
    HotKeyManager.HotKey="Delete" />
<Button
    Classes="select"
    Command="{Binding RefreshCommand}"
    Content="刷新"
    HotKeyManager.HotKey="F5" />

在按钮上设置HotKeyManager.HotKey的值。

4、CalendarDatePicker

WPF里面的DatePicker控件,在Avalonia里面对应的应该是CalendarDatePicker。

<CalendarDatePicker SelectedDate="{Binding StartTime}" />

前面一直在用Avalonia的DatePicker,别扭。

获取控件的窗体

    public static Window GetWindow(Visual visual)
    {
        return Avalonia.VisualTree.VisualExtensions.FindAncestorOfType<Window>(visual);
    }

对话框关闭的时候提示线程不正确

Avalonia是从0.10.x版本开始用,所以习惯了用ReactiveUI模式。
新项目一开始需要使用Dock控件,找了Dock.Avalonia库。因为这个库示例只有CommunityToolkit.Mvvm的示例,所以工程用的是CommunityToolkit.Mvvm。
后面又用了Prism.Avalonia框架。
然后又用了PropertyChanged.Fody和ReactiveUI.Fody。
估计引入的东西太多了,有点冲突了。
后面重新建一下,改成了ReactiveUI,保留Prism.Avalonia和ReactiveUI.Fody,然后就正常了。

posted @ 2023-07-24 20:07  wzwyc  阅读(3955)  评论(4编辑  收藏  举报