.NET MAUI中如何为Clicked方法或Tap手势识别器传递参数？

针对你遇到的无法给TapGestureRecognizer的Tapped事件传递参数的问题，以下是几种实用的解决方法：

方法1：使用Command和CommandParameter（推荐，符合MVVM模式） #

这种方式是MAUI中处理带参数交互的标准做法，无需修改事件签名。

修改XAML： #

给TapGestureRecognizer绑定Command和CommandParameter，同时确保页面BindingContext正确设置：

<Border Stroke="Transparent"
        StrokeThickness="3"
        StrokeShape="RoundRectangle 30,30,30,30"
        HorizontalOptions="Center"
        BackgroundColor="White"
        Grid.Row="0"
        Grid.Column="0">
    <Border.GestureRecognizers>
        <!-- 设置要传递的学生ID参数 -->
        <TapGestureRecognizer Command="{Binding StudentSelectedCommand}" 
                              CommandParameter="1"/>
    </Border.GestureRecognizers>
    <!-- 剩余内容不变 -->
</Border>

C#后台/ViewModel代码： #

如果用代码后台，在页面构造函数中初始化Command：

public YourPage()
{
    InitializeComponent();
    StudentSelectedCommand = new Command<int>(onStudentSelected);
    BindingContext = this;
}

public ICommand StudentSelectedCommand { get; }

private async void onStudentSelected(int id)
{
    // 建议用查询参数格式进行Shell导航，更规范
    await Shell.Current.GoToAsync($"StudentDetail?id={id}");
}

如果用ViewModel，直接在ViewModel中定义Command：

public ICommand StudentSelectedCommand { get; }

public YourViewModel()
{
    StudentSelectedCommand = new Command<int>(async (id) =>
    {
        await Shell.Current.GoToAsync($"StudentDetail?id={id}");
    });
}

方法2：通过BindingContext传递参数 #

把学生对象或ID设置为Border的BindingContext，在事件中获取：

修改XAML： #

<Border Stroke="Transparent"
        StrokeThickness="3"
        StrokeShape="RoundRectangle 30,30,30,30"
        HorizontalOptions="Center"
        BackgroundColor="White"
        Grid.Row="0"
        Grid.Column="0"
        BindingContext="{x:Static local:StudentList.MaxMuster}"> <!-- 绑定到对应学生对象 -->
    <Border.GestureRecognizers>
        <TapGestureRecognizer Tapped="onStudentSelected"/>
    </Border.GestureRecognizers>
    <!-- 剩余内容不变 -->
</Border>

C#后台代码： #

private async void onStudentSelected(object sender, EventArgs e)
{
    var border = sender as Border;
    var student = border?.BindingContext as Student;
    if (student != null)
    {
        await Shell.Current.GoToAsync($"StudentDetail?id={student.Id}");
    }
}

方法3：利用Tag属性传递简单参数 #

对于简单数值类参数，可以直接给Border设置Tag：

修改XAML： #

<Border Stroke="Transparent"
        StrokeThickness="3"
        StrokeShape="RoundRectangle 30,30,30,30"
        HorizontalOptions="Center"
        BackgroundColor="White"
        Grid.Row="0"
        Grid.Column="0"
        Tag="1"> <!-- 设置学生ID -->
    <Border.GestureRecognizers>
        <TapGestureRecognizer Tapped="onStudentSelected"/>
    </Border.GestureRecognizers>
    <!-- 剩余内容不变 -->
</Border>

C#后台代码： #

private async void onStudentSelected(object sender, EventArgs e)
{
    var border = sender as Border;
    if (int.TryParse(border?.Tag.ToString(), out int id))
    {
        await Shell.Current.GoToAsync($"StudentDetail?id={id}");
    }
}

额外提示： #

如果是批量学生卡片场景，建议使用CollectionView绑定数据源，自动为每个列表项传递对应参数，避免重复编写XAML代码。

内容的提问来源于stack exchange，提问作者Der Illuminate HD