Avalonia如何使用ReactiveUI框架 Avalonia ReactiveUI入门

admin 百科 11
直接上手 ReactiveUI + Avalonia 仅需三步:选对模板(新建项目时勾选“Avalonia .NET MVVM App”并指定 ReactiveUI)、装好包(含 ReactiveUI.SourceGenerators)、写对绑定(用 RaiseAndSetIfChanged 或 [Reactive] 属性、ReactiveCommand 或 [ReactiveCommand] 方法、Routing 导航)。

Avalonia如何使用ReactiveUI框架 Avalonia ReactiveUI入门-第1张图片-佛山资讯网

直接上手 ReactiveUI + Avalonia,关键就三步:选对模板、装好包、写对绑定。不用从零配环境,官方模板已集成支持。

创建项目时就选ReactiveUI

用 Visual Studio 或 Rider 新建 Avalonia 项目时,在模板选择页明确勾选 “Avalonia .NET MVVM App”,下一步中 MVVM Toolkit 选项里必须选 ReactiveUI(不是 CommunityToolkit 或默认空选项)。这一步决定后续所有 ViewModel 基类、命令写法和绑定语法是否原生可用。

  • 项目生成后,ViewModels 文件夹下自动带 MainWindowViewModel,继承的是 ReactiveUI.ViewModelBase
  • Views 文件夹下 MainWindow.axaml 的 x:DataType 默认指向对应 ViewModel,启用编译时绑定检查
  • App.axaml.cs 中已配置好 Splat 依赖注入容器,可直接注册服务

数据绑定用 RaiseAndSetIfChanged 或 [Reactive]

ReactiveUI 提供两种主流方式让属性变更自动通知 UI:

  • 手动写:用 this.RaiseAndSetIfChanged(ref _field, value) 替代传统 INotifyPropertyChanged 实现
  • 自动写:加 [Reactive] 特性(需引用 ReactiveUI.SourceGenerators),编译期生成完整属性逻辑,代码更干净

例如:

标签: react app ai 路由 win .net gate gate.

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~