Avalonia中Button命令绑定通过Command属性连接ViewModel的ICommand，支持CommandParameter传参、CanExecute状态控制及Behavior实现事件转命令，无需后台代码。
在Avalonia中，Button绑定命令的核心是通过Command属性连接ViewModel中的ICommand实现，配合CommandParameter灵活传参。不需要写后台代码，纯XAML + ViewModel即可完成响应式交互。
基础命令绑定（最常用）
这是90%场景下的写法：按钮点击触发ViewModel中定义的命令。
- XAML中直接绑定：
- ViewModel中需暴露一个
ICommand类型的属性（推荐用RelayCommand或AsyncRelayCommand） - 确保
DataContext已正确设置为对应ViewModel（如x:DataType="vm:MainWindowViewModel"或代码中赋值）
传参的4种典型方式
命令执行时常需携带上下文数据，Avalonia支持多种CommandParameter绑定模式：
-
固定值：
CommandParameter="确认删除" -
绑定当前DataContext属性：
CommandParameter="{Binding UserName}" -
绑定当前控件自身属性：
CommandParameter="{Binding Content, RelativeSource={RelativeSource Self}}" -
绑定数据项（如DataGrid/ListBox内）：
CommandParameter="{Binding}"（传整行对象），或配合RelativeSource向上找父级DataContext：Command="{Binding DataContext.DeleteCommand, RelativeSource={RelativeSource AncestorType=DataGrid}}"
启用/禁用状态控制（CanExecute）
按钮是否可点击，由命令的CanExecute逻辑决定，不是靠IsEnabled硬设。
React 组件生成器
下载
根据项目规范生成 React 和 Vue 组件，包括 TypeScript 类型定义、Ant Design 5 集成、Tailwind CSS 样式及 Vitest 测试文件。当用户提出创建、生成或搭建前端组件的需求时启用，例如：“帮我写一个表格组件”、“生成一个弹窗”、“create a form component”、“写一个列表页”、“生成一个下拉选择器”。该能力在以下任一场景触发：涉及 React/TSX/Vue 组件生成、UI 组件创建，或为组件生成测试文件。
- 实现
RelayCommand时传入canExecute函数，例如：new RelayCommand(DoSave, () => !string.IsNullOrEmpty(Title)) - 当依赖属性变化时，需手动通知重算（如用
ObservableObject或[Reactive]特性），再调用command.RaiseCanExecuteChanged() - Avalonia会自动监听
CanExecuteChanged事件并刷新按钮状态
事件转命令（非Click场景）
想让Loaded、KeyDown、SelectionChanged等事件也走命令流？用Behavior机制。
- 安装
Xaml.Behaviors或Xaml.Behaviors.InteractionsNuGet包 - XAML中这样写：
- 比手写
Loaded事件处理更符合MVVM，且支持传参（CommandParameter同样可用）
基本上就这些。命令绑定本身不复杂，但容易忽略CanExecute通知和RelativeSource作用域问题。用对了，UI和逻辑就能真正解耦。
