如何将其转换为 ViewModel 的命令？

Question

我知道如何绑定事件，但我无法通过虚拟机进行热锻炼：

void TapGestureRecognizer_ElderList_Single(System.Object sender, System.EventArgs e)
{
    var stacklayout = sender as StackLayout;
    ListElders.SelectedItem = stacklayout.BindingContext;
    ListElders.Focus();
}

我的理解是View知道ViewModel，而ViewModel不知道View。这向我表明，在这种情况下，在 Code Behind 中使用 Tapped 事件实际上是正确的例程。

是吗？不能从 ViewModel 中完成吗？

---

我想做什么？

如果我点击列表视图的左侧或右侧（在列表本身之外），则它会正确选择并显示为蓝色。这按预期工作。

但是，如果我单击列表中的项目本身，则默认情况下不会选择任何内容。所以我们从这个开始：

void TapGestureRecognizer_ElderList_Single(System.Object sender, System.EventArgs e)
{
    var stacklayout = sender as StackLayout;
    ListElders.SelectedItem = stacklayout.BindingContext;
    //ListElders.Focus();
}

现在，当您选择或单击项目本身时，它会被选中。但是当我的窗口上有两个列表视图时，我发现选择并不总是显示为蓝色。它有时显示为深灰色。我认为这是因为列表视图没有焦点。

当我添加焦点调用时，它将始终显示蓝色。

---

目前已完成 XAMl：

  <ListView
        x:Name="ListElders"
        HasUnevenRows="True"
        HorizontalOptions="StartAndExpand"
        ItemsSource="{Binding EldersCollection}"
        SelectedItem="{Binding SelectedElder, Mode=TwoWay}"
        VerticalOptions="StartAndExpand">
        <ListView.ItemTemplate>
            <DataTemplate>
                <ViewCell>
                    <StackLayout Padding="2">
                        <Label
                            FontSize="Small"
                            Text="{Binding .}"
                            VerticalTextAlignment="Center" />
                        <StackLayout.GestureRecognizers>
                            <TapGestureRecognizer NumberOfTapsRequired="1" Tapped="TapGestureRecognizer_ElderList_Single" />
                            <TapGestureRecognizer
                                Command="{Binding Path=BindingContext.EditElderCommand, Source={Reference ListElders}}"
                                CommandParameter="{Binding Path=SelectedItem, Source={Reference ListElders}}"
                                NumberOfTapsRequired="2" />
                        </StackLayout.GestureRecognizers>
                    </StackLayout>
                </ViewCell>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>

Answer 1

您可以将 ListView 作为 CommandParameter 传递给您的视图模型中的 Command。

类似：

<StackLayout.GestureRecognizers>
    <TapGestureRecognizer
        Command="{Binding TapCommand}"
        CommandParameter="{x:Reference ListElders}" />
</StackLayout.GestureRecognizers>

<ListView x:Name = "ListElders">
  ....
</ListView>

在您的视图模型中：

ICommand  TapCommand = new Command<ListView>(TapEvent);

 private void TapEvent(ListView lv)
   {
        //you could get the listview here
   }

更新（如果您只想突出显示所选项目）。

<ListView
    x:Name="ListElders"
    HasUnevenRows="True"
    HorizontalOptions="StartAndExpand"
    ItemsSource="{Binding EldersCollection}"
    ItemSelected="ListElders_ItemSelected"
    SelectedItem="{Binding SelectedElder, Mode=TwoWay}"
    VerticalOptions="StartAndExpand">
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <StackLayout Padding="2">
                    <Label
                        FontSize="Small"
                        Text="{Binding .}"
                        VerticalTextAlignment="Center" />                    
                </StackLayout>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

在 page.cs 中：

private void ListElders_ItemSelected(object sender, SelectedItemChangedEventArgs e)
    {
        //do something you want when you select item/
    }