如何在Xamarin.Forms应用中添加可点击网页链接？

嘿，这个问题我太熟悉了！直接把URL塞Label的Text里肯定只能当普通文本，要实现可点击跳转，得用Xamarin.Forms里的FormattedText结合Span，或者利用自动识别链接的属性，给你两种实用方案：

方案一：自定义可点击链接（推荐，样式可控） #

这种方法能让你完全自定义链接的外观（比如蓝色下划线，和网页链接一致），步骤如下：

首先修改你的XAML代码，给Label加上FormattedText，用单独的Span来包裹链接内容，并添加点击手势：

<!-- 替换你原来的Label部分 -->
<Label>
    <Label.FormattedText>
        <FormattedString>
            <!-- 这里是"groceries"标签下方的普通文本 -->
            <Span Text="查看 groceries 相关内容：" />
            <!-- 可点击的链接Span -->
            <Span Text="https://your-grocery-url.com" 
                  TextColor="Blue" 
                  TextDecorations="Underline">
                <Span.GestureRecognizers>
                    <TapGestureRecognizer Tapped="GroceryLink_Tapped" />
                </Span.GestureRecognizers>
            </Span>
        </FormattedString>
    </Label.FormattedText>
</Label>

然后在对应的.xaml.cs后台文件里添加点击事件的处理代码，调用系统浏览器打开链接：

using Xamarin.Essentials; // 如果是Xamarin.Forms旧版本，需要先安装这个NuGet包

private async void GroceryLink_Tapped(object sender, EventArgs e)
{
    var linkSpan = sender as Span;
    if (linkSpan != null && Uri.TryCreate(linkSpan.Text, UriKind.Absolute, out var targetUri))
    {
        await Launcher.OpenAsync(targetUri);
    }
}

方案二：自动识别文本中的URL（快速实现） #

如果你的文本里直接包含URL，也可以用Label的AutoDetectLinks属性自动识别，代码更简洁：

<Label Text="groceries 标签下方：https://your-grocery-url.com"
       AutoDetectLinks="True"
       TextColor="Black">
    <Label.GestureRecognizers>
        <TapGestureRecognizer Tapped="AutoLink_Tapped" />
    </Label.GestureRecognizers>
</Label>

后台处理代码：

using Xamarin.Essentials;

private async void AutoLink_Tapped(object sender, EventArgs e)
{
    var label = sender as Label;
    if (label?.FormattedText != null)
    {
        foreach (var span in label.FormattedText.Spans)
        {
            if (span is LinkSpan linkSpan)
            {
                await Launcher.OpenAsync(linkSpan.Url);
            }
        }
    }
}

注意事项 #

• 如果是较旧的Xamarin.Forms版本，需要先安装Xamarin.Essentials NuGet包；.NET 6+的Xamarin.Forms已经集成了这个库，不用额外安装。
• 方案一的优势是可以完全自定义链接的样式，比如修改颜色、字体、添加点击反馈；方案二更适合快速处理包含URL的纯文本。

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