MAUI按钮交互异常：按钮互相干扰仅首个可响应

一、XAML布局语法错误（核心问题） #

你的XAML存在两处致命的布局标签错误，直接导致按钮无法正常响应：

• 错误使用自闭合的<StackLayout/>，这会创建一个空的StackLayout容器，后续的两个按钮完全不在这个容器内；
• ContentPage仅允许有一个直接子元素，你直接在ContentPage下放置了多个元素（空StackLayout、Button1、Button2），这种写法不符合XAML规范，最终只有第一个元素会被正确渲染，后续按钮要么被覆盖要么不在可视布局范围内——这就是调换按钮位置后，只有第一个按钮能响应的原因；
• 末尾的</StackLayout>属于无匹配起始标签的冗余标签，会引发XAML解析异常。

修复后的正确XAML代码：

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="App._Views.FolderName.View">

    <!-- 用StackLayout正确包裹所有按钮，确保ContentPage只有一个根元素 -->
    <StackLayout>
        <!-- Button 1-->
        <Button 
             Command="{Binding Button1Command}"
             CommandParameter="{Binding .}" />

        <!-- Button 2-->
        <Button
         Command="{Binding Button2Command}"
         CommandParameter="{Binding .}" />
    </StackLayout>
</ContentPage>

二、ViewModel代码语法错误 #

Button2方法的调试语句末尾缺少分号，会导致编译失败，进而无法触发命令：

public partial class VM: ObservableObject, IQueryAttributable
{
    [RelayCommand]
    private async void Button1()
    {
        Console.WriteLine("Button1 is accessed");
    }

    [RelayCommand]
    private async void Button2()
    {
        Debug.WriteLine("Button 2 is clicked"); // 补充缺失的分号
    }
}

三、额外验证点 #

1. 确认View已正确绑定ViewModel：可在XAML的ContentPage标签中添加BindingContext="{StaticResource VM}"，或在代码后台设置BindingContext = new VM();；
2. 确保已正确引用CommunityToolkit.Mvvm包，并在ViewModel文件顶部添加using CommunityToolkit.Mvvm.Input;和using CommunityToolkit.Mvvm.ComponentModel;。

内容的提问来源于stack exchange，提问作者PhilM