.NET MAUI中Label添加可点击链接失败的问题求助

我用Visual Studio Community 2022刚上手.NET MAUI，照着官方文档试了两种给Label加可点击链接的方法，全失败了：

• 给FormattedString里的Span绑TapGestureRecognizer和OpenUrlCommand，命令压根没触发，鼠标放上去也没光标变化
• 用TextType设为Html的Label，链接也跳不动

查了下是.NET MAUI的已知bug，现在只能临时给整个Label绑手势，但这样整个Label点哪都能触发跳转，太别扭了，求正确的实现方式或者解决方案。

试过的无效实现 #

1. 官方示例：FormattedString + Span手势 #

XAML代码：

<Label>
    <Label.FormattedText>
        <FormattedString>
            <Span 
                Text="Link: " 
            />
            <Span 
                Text="click here to open the docs"
                TextColor="Blue"
                TextDecorations="Underline">
                <Span.GestureRecognizers>
                    <TapGestureRecognizer
                        Command="{Binding OpenUrlCommand}"
                        CommandParameter="https://learn.microsoft.com/dotnet/maui/" 
                    />
                </Span.GestureRecognizers>
            </Span>
        </FormattedString>
    </Label.FormattedText>
</Label>

ViewModel里的命令定义：

public ICommand OpenUrlCommand => new Command<string>( async ( url ) => await Launcher.OpenAsync( url ) );

2. Html格式Label尝试 #

XAML代码：

<Label TextType="Html">
    <![CDATA[
       This is <a href="https://learn.microsoft.com/dotnet/maui/" target="_blank">a link to another site</a>.
    ]]>
</Label>

临时方案（有弊端） #

给整个Label绑TapGestureRecognizer能实现跳转，但整个Label区域都可点击：
XAML代码：

<!-- 
能生效，但整个Label都能点，没法用Span.GestureRecognizers是因为存在已知问题
-->
<Label>
    <Label.GestureRecognizers>
        <TapGestureRecognizer 
            Command="{Binding OpenUrlCommand}"
            CommandParameter="https://learn.microsoft.com/en-us/dotnet/maui/" 
        />
    </Label.GestureRecognizers>
    <Label.FormattedText>
        <FormattedString>
            <Span 
                Text="To learn more, " 
            />
            <Span 
                Text="check the documentation"
                TextColor="Blue"
                TextDecorations="Underline">
            </Span>
            <Span 
                Text="." 
            />
        </FormattedString>
    </Label.FormattedText>
</Label>

ViewModel对应代码：

public IRelayCommand OpenUrlCommand => new RelayCommand<String>( launch_browser );

private async void launch_browser( String url )
{
    Debug.WriteLine( $"*** Tap: {url}" );
    await Browser.OpenAsync( url );
}

可行解决方案 #

1. 升级.NET MAUI版本 #

这个Span手势失效的bug在.NET 7及以后的版本里已经修复了，把项目升级到.NET 7或更高版本（推荐.NET 8），官方示例代码就能正常工作，鼠标悬停会显示手型光标，只有Span对应的链接区域能点击。

2. 用多个Label拼接实现精准点击（兼容旧版本） #

如果没法升级版本，就用HorizontalStackLayout把普通文本和可点击的Label拼在一起，只给链接部分绑手势：

<HorizontalStackLayout Spacing="0">
    <Label Text="To learn more, " />
    <Label Text="check the documentation" 
           TextColor="Blue" 
           TextDecorations="Underline"
           Cursor="Hand">
        <Label.GestureRecognizers>
            <TapGestureRecognizer 
                Command="{Binding OpenUrlCommand}"
                CommandParameter="https://learn.microsoft.com/en-us/dotnet/maui/" />
        </Label.GestureRecognizers>
    </Label>
    <Label Text="." />
</HorizontalStackLayout>

这样只有蓝色下划线的文本区域能点击，鼠标放上去也会显示手型，和正常链接体验一致。

3. 借助第三方控件库 #

用成熟的MAUI第三方控件库，这类库一般已经内置了能正常工作的可点击链接Label，不用自己折腾。

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