MAUI怎么处理按钮点击事件 MAUI Button Command绑定方法

MAUI 中推荐用 Command 绑定按钮点击以符合 MVVM 架构，支持自动启停、参数传递及手势扩展；需在 ViewModel 中定义 ICommand 并初始化，XAML 中绑定 Command 和 CommandParameter，注意 DataContext 与类型匹配。

MAUI 中处理按钮点击，推荐用 Command 绑定 而不是传统事件委托（比如 Clicked += ...），这样更符合 MVVM 架构，逻辑清晰、便于测试、也支持自动启用/禁用状态控制。

绑定 ICommand 到 Button

Button 的 Command 属性直接支持 ICommand 类型，只需在 ViewModel 中定义并绑定即可：

• 在 ViewModel 中声明一个 ICommand 属性，例如：
  public ICommand SubmitCommand { get; }
• 在构造函数中初始化它，常用 Command 或 Command<t></t>：
  SubmitCommand = new Command(OnSubmit);
  或带参数的：
  SubmitCommand = new Command<string>(OnSubmitWithId);</string>
• XAML 中绑定：
  <button text="提交" command="{Binding SubmitCommand}"></button>

传递参数给 Command

如果需要把数据（如 ID、对象）传进命令逻辑，用 CommandParameter：

• XAML 示例：
  <button text="删除" command="{Binding DeleteCommand}" commandparameter="{Binding SelectedItem.Id}"></button>
• ViewModel 中对应使用泛型命令：
  DeleteCommand = new Command<int>(id => { /* 根据 id 删除 */ });</int>
• 注意：绑定路径要有效，SelectedItem 必须是当前 DataContext 中可访问的属性

配合手势识别扩展交互

Button 默认只响应点击，但 MAUI 允许对任意控件（包括 Image、Label）添加手势，并绑定 Command：

标签： ai 点击事件 red gate