使用MVVM在.NET MAUI/XAMARIN.FORMS中使用MVVM的手势识别者

Question

我想将带有iCommand的Tap手势识别器使用，含义使用ViewModel而不是背后的代码。

我正在通过背后的代码使手势识别器工作如下所示，如

homepage.xaml ，

<CollectionView Margin="10,0,10,0"
                            ItemSizingStrategy="MeasureAllItems"
                            ItemsLayout="VerticalList"
                            VerticalScrollBarVisibility="Always"
                            ItemsSource="{Binding QuestionPacks}">
            <CollectionView.ItemTemplate>
                <DataTemplate x:DataType="model:QuestionPack">
                    <Frame Margin="5"
                           CornerRadius="10">
                        <Frame.GestureRecognizers>
                            <TapGestureRecognizer 
                                Tapped="TapGestureRecognizer_Tapped"/>
                            <TapGestureRecognizer 
                                NumberOfTapsRequired="2"
                                Tapped="TapGestureRecognizer_Tapped_1"/>
                        </Frame.GestureRecognizers>
                        <VerticalStackLayout Margin="5">
                        
                            <Label Text="{Binding Topic}" />
                            <Label Text="{Binding TopicId}" />
                        </VerticalStackLayout>
                    </Frame>
                </DataTemplate>
            </CollectionView.ItemTemplate>
        </CollectionView>

请注意x：datatype = model：Questionpack在datatemplate中。

homepage.xaml.cs

private async void TapGestureRecognizer_Tapped(object sender, EventArgs e)
    {

        var selectedItem = ((VisualElement)sender).BindingContext as QuestionPack;

        if (selectedItem == null)
            return;


        LoadingQuestions.IsRunning = true;
        LoadingQuestions.IsEnabled = true;

        await Shell.Current.GoToAsync($"{nameof(QuestionsPage)}?topicSelected={selectedItem.TopicId}");

        LoadingQuestions.IsRunning = false;
        LoadingQuestions.IsEnabled = false;
    }

这很好，但我想知道如何在我的ViewModel中实现它。尝试这样做时，我遇到了2个挑战。

1. 我应该使用命令，而不是在Tapgesturerecognizer下进行敲击。每当我将命令字段绑定到后面的代码中的命令时， x：datatype =“ model：questionpack” 提出问题，因为数据模板的模型中未定义命令。

2. 即使将命令应用于Tap手势识别器并不会导致构建应用程序失败，我该如何传递被挖掘到后面代码的对象？在后面的代码中，我使用对象发件人将其检索，但是在ViewModel中，我不知道。我猜那是我不知道的命令参与者开始发挥作用的地方。

而且不要打扰，如果可以解释commandParameter =“ {binding。}”也意味着什么。

任何帮助将不胜感激。

Answer 1

创建您的ViewModel文件并将其定义为BindingContext
示例

<ContentPage.BindingContext>
      <vm:MyViewModel />
</ContentPage.BindingContext>

然后在您的ViewModel中定义您的命令和ICommand（您知道如何做）

和XAML文件中，您可以做类似的事情

 <Frame.GestureRecognizers>
     <TapGestureRecognizer NumberOfTapsRequired="1" 
                           CommandParameter="{Binding .}"
                           Command="{Binding 
                           Source={RelativeSource AncestorType={x:Type vm:MyViewModel}}, Path=TapGestureRecognizer_Tapped}"/>                  
 </Frame.GestureRecognizers>

告诉我以获取更多详细信息