WPF中Label的FormattedString内Span的TapGestureRecognizer事件失效问题

你这段代码在UWP能正常运行，但WPF平台里Span的TapGestureRecognizer无法触发，本质是因为Xamarin.Forms对WPF的Label渲染器没有实现Span级别的手势识别支持。以下是两种可行的解决思路：

方法一：自定义Label渲染器，通过鼠标事件触发手势命令 #

步骤1：创建自定义Label类（共享项目） #

public class ClickableSpanLabel : Label
{
    // 无需额外逻辑，仅作为标记供渲染器识别
}

步骤2：实现WPF平台渲染器（WPF项目） #

[assembly: ExportRenderer(typeof(ClickableSpanLabel), typeof(ClickableSpanLabelRenderer))]
namespace YourWpfAppNamespace.Renderers
{
    public class ClickableSpanLabelRenderer : LabelRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Label> e)
        {
            base.OnElementChanged(e);

            if (Control != null && Element != null && Element.FormattedText != null)
            {
                var textBlock = Control as System.Windows.Controls.TextBlock;
                textBlock?.MouseDown += TextBlock_MouseDown;
            }
        }

        private void TextBlock_MouseDown(object sender, System.Windows.Input.MouseButtonEventArgs e)
        {
            var textBlock = sender as System.Windows.Controls.TextBlock;
            if (textBlock == null) return;

            // 获取点击位置对应的文本指针
            var hitPoint = textBlock.InputHitTest(e.GetPosition(textBlock)) as System.Windows.Documents.TextPointer;
            if (hitPoint == null) return;

            var customLabel = Element as ClickableSpanLabel;
            if (customLabel?.FormattedText == null) return;

            // 遍历Xamarin Span，匹配点击位置对应的Span
            int charOffset = 0;
            foreach (var span in customLabel.FormattedText.Spans)
            {
                int spanLength = span.Text.Length;
                if (charOffset <= hitPoint.Offset && hitPoint.Offset < charOffset + spanLength)
                {
                    // 触发该Span的Tap命令
                    var tapGesture = span.GestureRecognizers.OfType<TapGestureRecognizer>().FirstOrDefault();
                    tapGesture?.Command?.Execute(null);
                    break;
                }
                charOffset += spanLength;
            }
        }

        protected override void Dispose(bool disposing)
        {
            if (Control != null)
            {
                var textBlock = Control as System.Windows.Controls.TextBlock;
                textBlock?.MouseDown -= TextBlock_MouseDown;
            }
            base.Dispose(disposing);
        }
    }
}

步骤3：替换原Label为自定义Label #

把你代码里的Label label = new Label();改成ClickableSpanLabel label = new ClickableSpanLabel();，其余代码保持不变即可。

方法二：转换为WPF原生Hyperlink（更贴合WPF体验） #

这种方法会把带点击手势的Span转换成WPF原生的Hyperlink，自动支持链接样式（下划线、蓝色字体）和点击反馈：

修改WPF渲染器代码 #

[assembly: ExportRenderer(typeof(ClickableSpanLabel), typeof(ClickableSpanLabelRenderer))]
namespace YourWpfAppNamespace.Renderers
{
    public class ClickableSpanLabelRenderer : LabelRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Label> e)
        {
            base.OnElementChanged(e);

            if (Element != null && Element.FormattedText != null)
            {
                var textBlock = new System.Windows.Controls.TextBlock
                {
                    TextWrapping = System.Windows.TextWrapping.Wrap,
                    FontSize = Element.FontSize,
                    Foreground = ConvertXamarinColorToWpfBrush(Element.TextColor)
                };

                foreach (var xamarinSpan in Element.FormattedText.Spans)
                {
                    var tapGesture = xamarinSpan.GestureRecognizers.OfType<TapGestureRecognizer>().FirstOrDefault();
                    if (tapGesture != null && tapGesture.Command != null)
                    {
                        // 转换为WPF Hyperlink
                        var hyperlink = new System.Windows.Documents.Hyperlink(new System.Windows.Documents.Run(xamarinSpan.Text))
                        {
                            Foreground = System.Windows.Media.Brushes.Blue,
                            TextDecorations = System.Windows.TextDecorations.Underline
                        };
                        hyperlink.Click += (s, args) => tapGesture.Command.Execute(null);
                        textBlock.Inlines.Add(hyperlink);
                    }
                    else
                    {
                        // 普通文本转换为WPF Run
                        var run = new System.Windows.Documents.Run(xamarinSpan.Text)
                        {
                            Foreground = ConvertXamarinColorToWpfBrush(xamarinSpan.TextColor),
                            FontSize = xamarinSpan.FontSize != Device.GetNamedSize(NamedSize.Default, typeof(Label)) 
                                ? xamarinSpan.FontSize 
                                : Element.FontSize
                        };
                        textBlock.Inlines.Add(run);
                    }
                }

                SetNativeControl(textBlock);
            }
        }

        // 辅助方法：Xamarin Color转WPF Brush
        private System.Windows.Media.Brush ConvertXamarinColorToWpfBrush(Color color)
        {
            if (color == Color.Default)
                return System.Windows.Media.Brushes.Black;
            return new System.Windows.Media.SolidColorBrush(System.Windows.Media.Color.FromArgb(
                (byte)(color.A * 255),
                (byte)(color.R * 255),
                (byte)(color.G * 255),
                (byte)(color.B * 255)
            ));
        }
    }
}

使用方式和方法一一致，替换原Label为ClickableSpanLabel即可。

内容的提问来源于stack exchange，提问作者N. Saw