2024 年 8 月 22 日

为跨平台 HMI 释放 Avalonia 的力量

在多个平台上构建美观、高性能的人机界面 (HMI) 可能具有挑战性,但是 Avalonia 让它变得更容易,而且 UXDivers 正在完全接受这个改变游戏规则的框架。
Image UXDIvers blog

在多个平台上构建美观、高性能的人机界面 (HMI) 可能具有挑战性,但是 Avalonia 让它变得更容易,而且 UXDivers 正在完全接受这个改变游戏规则的框架。Avalonia 是一款开源用户界面工具包,适用于 Windows、macOS、Linux、iOS、安卓和网络。它允许开发人员使用 XAML(与 WPF 和.NET MAUI 中同样熟悉的语言)制作像素完美的界面,并具有特定于 Avalonia 的增强功能。

为什么选择 Avalonia UI?

Avalonia 的跨平台功能使其非常适合 UXDivers 的使命,即为.NET 生态系统提供最完善、最实用的应用程序。该框架具有高度可定制性,提供了丰富的控制库,并且该工具非常棒,可让开发人员构建不仅功能强大而且具有视觉吸引力的用户界面。无论您是开发轻量级桌面应用程序还是更密集的嵌入式系统接口,Avalonia 都能应对。

.NET 开发人员使用 Avalonia UI 感到宾至如归

Avalonia与.NET和MVVM(模型-视图-视图模型)设计模式的集成使其对.NET生态系统中的开发人员特别有吸引力。MVVM 简化了用户界面和业务逻辑的分离,从而实现了更多可维护和可测试的应用程序。Avalonia 支持这种架构,可实现结构良好的代码库。

如果你过去使用过 WPF、UWP、Xamarin.Forms 或.NET MAUI,那么它基于 XAML 的方法也会感觉很完美。 借助强大而灵活的模板和样式机制,开发人员可以自定义 UI 的各个方面。这包括从按钮外观到复杂布局的所有内容。Avalonia 还允许创建可重复使用的样式,使其非常适合构建确保项目视觉一致性的设计系统。

UXDivers 的 Avalonia 用户界面之旅:环境天气应用程序重新设计

UXDivers 使用 Avalonia 的一个突出项目是 Avalonia 的 Ambient Weather 应用程序,它旨在连接到 环境天气 监测站并显示实时天气数据。

该应用程序最初具有基本的用户界面,通过利用Avalonia,我们重新构想了该应用程序的设计,使其在Linux、Mac和Windows等平台上具有强大的性能。

Ambient Weather App Redesign

在这样的应用程序现代化项目中,我们遵循全面的设计流程,从线框开始,定义用户界面指南,例如调色板和排版。这个过程一直持续到使用 Figma 等工具创建全功能原型。有时,我们甚至会在测试高级交互时使用真实代码,确保一切在实际设备上顺利运行。这种灵活的方法既可以适应简单的用户界面重新设计,也可以适应更复杂的用户体验改革。最终,建立一种共享的视觉语言可以使开发与可用性和设计目标保持一致,从而实现一致的最终产品。

我们的工程团队的专业知识确保最终产品以像素完美的方式实现了设计,并忠实地转化为功能性应用程序。在这个特定项目中,我们部署在 Linux 嵌入式环境中,利用超前 (AOT) 编译来最大限度地提高性能。

准备好了解更多了吗?探索 完整的环境天气案例研究页面 让我们一起开始构建您的下一个 HMI!

Copy link
我们对新项目感到兴奋!

想着一个项目吗?
让我们开始工作吧。

开始一个项目