MAUI Maps中Pin的MarkerClicked事件绑定ViewModel命令方案问询

下面提供三种可行的实现方式，根据你的架构需求选择：

方案一：页面后台转发事件到ViewModel #

这是最直接的实现方式，利用已有的页面事件处理逻辑，直接调用ViewModel的命令：

1. 在ViewModel中定义处理命令

public class MainPageViewModel : INotifyPropertyChanged
{
    public ICommand PinClickedCommand { get; }

    public MainPageViewModel()
    {
        PinClickedCommand = new Command<Pin>(HandlePinClicked);
    }

    private void HandlePinClicked(Pin clickedPin)
    {
        // 在这里编写Pin点击后的业务逻辑
    }

    // 实现INotifyPropertyChanged接口（省略代码）
}

2. 修改XAML的事件绑定
   将Pin的MarkerClicked绑定到页面的后台方法，而非直接绑定ViewModel：

<maps:Map x:Name="map" IsShowingUser="true" ItemsSource="{Binding SavedSpots}" >               
    <maps:Map.ItemTemplate>
        <DataTemplate>
            <maps:Pin Location="{Binding Location}"
                  Address="{Binding Address}"
                  Label="{Binding Label}"
                  MarkerClicked="Pin_MarkerClicked">                        
            </maps:Pin>
        </DataTemplate>
    </maps:Map.ItemTemplate>
</maps:Map>

3. 页面后台转发事件
   在MainPage.xaml.cs的事件处理方法中，调用ViewModel的命令：

private void Pin_MarkerClicked(object sender, PinClickedEventArgs e)
{   
    var senderPin = (Pin)sender;           
    if (BindingContext is MainPageViewModel viewModel)
    {
        viewModel.PinClickedCommand.Execute(senderPin);
    }
}

方案二：自定义可绑定Command的Pin类 #

通过封装Pin实现命令绑定，避免依赖页面后台代码：

1. 创建自定义BindablePin类

public class BindablePin : Pin
{
    public static readonly BindableProperty MarkerClickedCommandProperty =
        BindableProperty.Create(
            nameof(MarkerClickedCommand), 
            typeof(ICommand), 
            typeof(BindablePin));

    public ICommand MarkerClickedCommand
    {
        get => (ICommand)GetValue(MarkerClickedCommandProperty);
        set => SetValue(MarkerClickedCommandProperty, value);
    }

    public BindablePin()
    {
        MarkerClicked += OnMarkerClicked;
    }

    private void OnMarkerClicked(object sender, PinClickedEventArgs e)
    {
        MarkerClickedCommand?.Execute(this);
    }
}

2. XAML中使用自定义Pin并绑定命令
   先添加自定义类的命名空间（替换为你的项目命名空间），然后绑定ViewModel的命令：

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:maps="clr-namespace:Microsoft.Maui.Controls.Maps;assembly=Microsoft.Maui.Controls.Maps"
             xmlns:local="clr-namespace:YourAppNamespace"
             xmlns:viewmodels="clr-namespace:YourAppNamespace.ViewModels"
             x:Class="YourAppNamespace.MainPage">

    <maps:Map x:Name="map" IsShowingUser="true" ItemsSource="{Binding SavedSpots}" >               
        <maps:Map.ItemTemplate>
            <DataTemplate>
                <local:BindablePin Location="{Binding Location}"
                              Address="{Binding Address}"
                              Label="{Binding Label}"
                              MarkerClickedCommand="{Binding Source={RelativeSource AncestorType={x:Type viewmodels:MainPageViewModel}}, Path=PinClickedCommand}">                        
                </local:BindablePin>
            </DataTemplate>
        </maps:Map.ItemTemplate>
    </maps:Map>
</ContentPage>

3. ViewModel中的命令逻辑
   同方案一的ViewModel代码，HandlePinClicked方法会直接接收到点击的BindablePin实例。

方案三：使用消息传递解耦页面与ViewModel #

如果需要完全解耦页面和ViewModel，可以使用MAUI推荐的WeakReferenceMessenger（替代旧的MessagingCenter）：

1. 定义消息类

public class PinClickedMessage : ValueChangedMessage<Pin>
{
    public PinClickedMessage(Pin value) : base(value)
    {
    }
}

2. ViewModel中注册消息监听

public class MainPageViewModel : INotifyPropertyChanged, IDisposable
{
    public MainPageViewModel()
    {
        WeakReferenceMessenger.Default.Register<PinClickedMessage>(this, (recipient, message) =>
        {
            var clickedPin = message.Value;
            // 处理Pin点击逻辑
        });
    }

    public void Dispose()
    {
        // 取消注册避免内存泄漏
        WeakReferenceMessenger.Default.Unregister<PinClickedMessage>(this);
    }

    // 实现INotifyPropertyChanged接口（省略代码）
}

3. 页面后台发送消息

private void Pin_MarkerClicked(object sender, PinClickedEventArgs e)
{   
    var senderPin = (Pin)sender;           
    WeakReferenceMessenger.Default.Send(new PinClickedMessage(senderPin));
}

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