在.NET MAUI中如何为单个XAML标签绑定两种不同数据类型？

问题核心是DataTemplate的默认数据上下文是Monkey实例，无法直接访问外层MonkeyViewModel的EditCommand，以下是几种可行的解决方式：

方法1：通过RelativeSource向上查找ContentPage的上下文 #

利用RelativeSource指定祖先类型为ContentPage，直接绑定其BindingContext中的EditCommand，同时保持CommandParameter绑定当前Monkey的Id：

<ContentPage x:DataType="viewmodel:MonkeyViewModel">
    <CollectionView ItemsSource="{Binding MonkeyList}">
        <CollectionView.ItemTemplate>
            <DataTemplate x:DataType="model:Monkey">
                <Label Text="{Binding Id}" />
                <Label Text="{Binding Name}" />
                <Label Text="Edit">
                    <Label.GestureRecognizers>
                        <TapGestureRecognizer 
                            Command="{Binding BindingContext.EditCommand, RelativeSource={RelativeSource AncestorType={x:Type ContentPage}}}" 
                            CommandParameter="{Binding Id}"/>
                    </Label.GestureRecognizers>
                </Label>
            </DataTemplate>
        </CollectionView.ItemTemplate>
    </CollectionView>
</ContentPage>

方法2：通过x:Reference引用CollectionView的上下文 #

先给CollectionView设置x:Name，再通过x:Reference指向该控件，绑定其BindingContext中的命令：

<ContentPage x:DataType="viewmodel:MonkeyViewModel">
    <CollectionView x:Name="MonkeyCollection" ItemsSource="{Binding MonkeyList}">
        <CollectionView.ItemTemplate>
            <DataTemplate x:DataType="model:Monkey">
                <Label Text="{Binding Id}" />
                <Label Text="{Binding Name}" />
                <Label Text="Edit">
                    <Label.GestureRecognizers>
                        <TapGestureRecognizer 
                            Command="{Binding BindingContext.EditCommand, Source={x:Reference MonkeyCollection}}" 
                            CommandParameter="{Binding Id}"/>
                    </Label.GestureRecognizers>
                </Label>
            </DataTemplate>
        </CollectionView.ItemTemplate>
    </CollectionView>
</ContentPage>

方法3：直接传递整个Monkey对象（可选优化） #

如果ViewModel中可以直接接收Monkey实例而非单独的Id，可以简化CommandParameter的绑定，后续在命令逻辑中获取Id：

<TapGestureRecognizer 
    Command="{Binding BindingContext.EditCommand, RelativeSource={RelativeSource AncestorType={x:Type ContentPage}}}" 
    CommandParameter="{Binding .}"/>

对应的ViewModel命令定义示例（以MVVM Toolkit的RelayCommand为例）：

public class MonkeyViewModel
{
    public ObservableCollection<Monkey> MonkeyList { get; set; }
    public ICommand EditCommand { get; }

    public MonkeyViewModel()
    {
        MonkeyList = new ObservableCollection<Monkey>();
        // 接收Id的版本
        EditCommand = new RelayCommand<int>(EditMonkeyById);
        // 接收整个Monkey对象的版本
        // EditCommand = new RelayCommand<Monkey>(EditMonkey);
    }

    private void EditMonkeyById(int monkeyId)
    {
        // 执行根据Id编辑猴子的逻辑
    }

    private void EditMonkey(Monkey monkey)
    {
        // 直接使用monkey.Id执行编辑逻辑
    }
}

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