MAUI .NET中Label内Span的TapGestureRecognizer无法生效求助

问题根源 #

MAUI的原生Span控件不支持直接添加GestureRecognizer，这就是你添加的TapGestureRecognizer的Command和Tapped事件都无响应的核心原因。你引入的HyperlinkSpan是Xamarin时代的自定义实现，本身自带点击逻辑，但原生Span没有这个能力。

解决方案一：扩展现有HyperlinkSpan支持Command绑定 #

基于你已在使用的HyperlinkSpan类，扩展它以支持Command和CommandParameter属性，替代原生Span的手势绑定：

1. 修改HyperlinkSpan.cs代码：

using Microsoft.Maui.Controls;
using System.Windows.Input;

public class HyperlinkSpan : Span
{
    public static readonly BindableProperty UrlProperty =
        BindableProperty.Create(nameof(Url), typeof(string), typeof(HyperlinkSpan));

    public static readonly BindableProperty CommandProperty =
        BindableProperty.Create(nameof(Command), typeof(ICommand), typeof(HyperlinkSpan));

    public static readonly BindableProperty CommandParameterProperty =
        BindableProperty.Create(nameof(CommandParameter), typeof(object), typeof(HyperlinkSpan));

    public string Url
    {
        get => (string)GetValue(UrlProperty);
        set => SetValue(UrlProperty, value);
    }

    public ICommand Command
    {
        get => (ICommand)GetValue(CommandProperty);
        set => SetValue(CommandProperty, value);
    }

    public object CommandParameter
    {
        get => GetValue(CommandParameterProperty);
        set => SetValue(CommandParameterProperty, value);
    }

    public HyperlinkSpan()
    {
        TextColor = Colors.Blue;
        TextDecorations = TextDecorations.Underline;
        GestureRecognizers.Add(new TapGestureRecognizer
        {
            Command = new Command(() =>
            {
                // 优先执行绑定的Command
                if (Command != null && Command.CanExecute(CommandParameter))
                {
                    Command.Execute(CommandParameter);
                }
                // 保留原有Url跳转逻辑
                else if (!string.IsNullOrEmpty(Url))
                {
                    Launcher.OpenAsync(new Uri(Url));
                }
            })
        });
    }
}

2. 更新XAML代码，用扩展后的HyperlinkSpan替代原生Span：

<Label LineHeight="1.3" HorizontalTextAlignment="Center">
    <Label.FormattedText>
        <FormattedString>
            <Span Text="Read our " />                  
            <local:HyperlinkSpan Text="Privacy Policy"
                             Url="https://www.eurycele.com" />
            
            <Span Text=". Tap &quot;Agree and continue&quot; to accept the " />
            
            <local:HyperlinkSpan Text="Terms of Service"
                             Url="https://www.eurycele.com" />
            <!-- 用自定义HyperlinkSpan绑定Command -->
            <local:HyperlinkSpan Text="Terms of Service"
                             Command="{Binding TapCommand}"
                             CommandParameter="https://learn.microsoft.com/xamarin/" /> 
            <Span Text="." />
        </FormattedString>
    </Label.FormattedText>
</Label>

解决方案二：确保ViewModel的Command正确实现 #

检查你的ViewModel中TapCommand是否正确实现了ICommand（推荐使用RelayCommand，需安装CommunityToolkit.Mvvm NuGet包）：

using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;
using Microsoft.Maui.ApplicationModel;
using System;

public partial class YourViewModel : ObservableObject
{
    [RelayCommand]
    private void Tap(string url)
    {
        if (!string.IsNullOrEmpty(url))
        {
            _ = Launcher.OpenAsync(new Uri(url));
        }
        // 添加你的自定义点击逻辑
    }
}

额外检查项 #

• 确保页面的BindingContext已正确设置为ViewModel：

  public YourPage()
  {
      InitializeComponent();
      BindingContext = new YourViewModel();
  }
  

• 确认CommunityToolkit.Mvvm NuGet包已安装（如果使用RelayCommand）。

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