Xamarin.Forms中DLToolkit FlowListView如何获取选中项？

1. FlowItemTappedCommand是什么？ #

FlowItemTappedCommand是FlowListView控件内置的MVVM友好型命令属性，专门用来处理列表项的点击事件。它的设计初衷是让你不用在代码后台编写事件处理逻辑，直接在ViewModel中绑定命令就能响应项的点击动作，完全符合MVVM架构的分离原则。

2. 是否替代了ItemSelected的TapGestureRecognizer？ #

它可以看作是更优雅的替代方案，作用类似但更贴合MVVM模式：

• 传统的TapGestureRecognizer需要你手动给每个列表项添加手势，或者在后台写事件处理，代码耦合度较高；
• 而FlowItemTappedCommand是控件原生提供的命令绑定，直接在XAML中绑定ViewModel的命令即可，不需要额外的手势配置，而且专门针对FlowListView的项点击场景优化，使用起来更简洁。

3. 如何实现该命令，以及在ViewModel中获取点击的选中项？ #

实现步骤很简单，主要分为ViewModel命令定义和XAML绑定（你的XAML已经完成了绑定部分）：

步骤1：在ViewModel中定义命令 #

如果你使用MvvmHelpers、Prism等框架，可以直接用现成的RelayCommand；如果是自定义实现，也可以自己写一个基础的RelayCommand。

示例（用RelayCommand）：

假设你的城市数据模型是CityModel，包含Letter、CityName等属性：

using MvvmHelpers; // 如果用这个框架的RelayCommand

public class YourViewModel : BaseViewModel
{
    // 绑定的命令
    public ICommand TapCity { get; }

    public YourViewModel()
    {
        // 初始化命令，指定接收CityModel类型的参数
        TapCity = new RelayCommand<CityModel>(HandleCityTap);
    }

    // 命令执行逻辑，参数就是点击的城市项
    private void HandleCityTap(CityModel tappedCity)
    {
        if (tappedCity == null) return;
        
        // 这里可以拿到点击的选中项，做你需要的操作
        // 比如导航到城市详情页、显示提示等
        Console.WriteLine($"你点击了城市：{tappedCity.CityName}");
    }
}

自定义RelayCommand实现（如果不用框架）：

如果没有依赖MVVM框架，你可以自己实现一个通用的RelayCommand：

using System;
using System.Windows.Input;

public class RelayCommand<T> : ICommand
{
    private readonly Action<T> _executeAction;
    private readonly Func<T, bool> _canExecuteFunc;

    public RelayCommand(Action<T> execute, Func<T, bool> canExecute = null)
    {
        _executeAction = execute ?? throw new ArgumentNullException(nameof(execute));
        _canExecuteFunc = canExecute;
    }

    public bool CanExecute(object parameter)
    {
        return _canExecuteFunc?.Invoke((T)parameter) ?? true;
    }

    public void Execute(object parameter)
    {
        _executeAction((T)parameter);
    }

    public event EventHandler CanExecuteChanged
    {
        add => CommandManager.RequerySuggested += value;
        remove => CommandManager.RequerySuggested -= value;
    }
}

步骤2：XAML绑定（你已经完成） #

你的XAML代码里已经正确绑定了命令，注意Mode=TwoWay在这里其实不需要，命令绑定默认是OneWay，去掉也不影响使用：

<flv:FlowListView IsGroupingEnabled="true" 
                  FlowGroupDisplayBinding="{Binding Path=Letter}" 
                  FlowColumnCount="2" 
                  FlowItemsSource="{Binding CitiesAlphabet}" 
                  FlowItemTappedCommand="{Binding TapCity}" 
                  x:Name="CityList" >

4. 带示例的详细使用手册？ #

这个插件的官方仓库里包含了完整的Sample项目，里面有各种功能的演示，包括FlowItemTappedCommand的使用、分组布局、不同列数配置等。Sample项目里的ViewModel和View都有完整的实现代码，能直观看到如何绑定命令、处理点击参数，以及其他进阶功能的用法，是最实用的参考资料。

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