如何在Xamarin.Forms的Label中为特定文字添加超链接

嘿，这个需求很好实现！你现在用的FormattedString本身就支持给单个Span单独设置超链接，不用把整段文本都做成一个链接。核心思路是把需要跳转的文字拆成独立的Span，给它添加点击手势和样式，其他文字保持原有Span即可。

具体实现代码 #

下面是修改后的完整代码，针对你原有的文本结构做了调整，给"website"和"Linkedin"分别添加超链接：

FormattedString t = new FormattedString();

// 标题段落
t.Spans.Add(new Span() { Text = "About my Self\n\n" });

// 第一个列表项：拆分出带链接的"website"
t.Spans.Add(new Span() { Text = "1. My " });
var websiteSpan = new Span() 
{ 
    Text = "website",
    TextColor = Color.Blue, // 设置蓝色模拟超链接样式
    TextDecorations = TextDecorations.Underline // 添加下划线增强识别性
};
// 添加点击手势，触发打开URL
websiteSpan.GestureRecognizers.Add(new TapGestureRecognizer
{
    Command = new Command(() => 
    {
        // 👉 替换成你的实际网站URL
        // Xamarin.Forms 使用：Device.OpenUri(new Uri("https://your-website-url.com"));
        // .NET MAUI 使用：Launcher.OpenAsync(new Uri("https://your-website-url.com"));
    })
});
t.Spans.Add(websiteSpan);
t.Spans.Add(new Span() { Text = "\n\n" });

// 第二个列表项：拆分出带链接的"Linkedin"
t.Spans.Add(new Span() { Text = "2. My " });
var linkedinSpan = new Span() 
{ 
    Text = "Linkedin",
    TextColor = Color.Blue,
    TextDecorations = TextDecorations.Underline
};
linkedinSpan.GestureRecognizers.Add(new TapGestureRecognizer
{
    Command = new Command(() => 
    {
        // 👉 替换成你的实际LinkedIn profile URL
        // Xamarin.Forms 使用：Device.OpenUri(new Uri("https://your-linkedin-profile-url.com"));
        // .NET MAUI 使用：Launcher.OpenAsync(new Uri("https://your-linkedin-profile-url.com"));
    })
});
t.Spans.Add(linkedinSpan);
t.Spans.Add(new Span() { Text = " profile\n\n" });

// 第三个列表项（无链接）
t.Spans.Add(new Span() { Text = "3. Twitter\n\n" });

// 最后把FormattedString赋值给Label
yourLabel.FormattedText = t;

关键细节说明 #

1. 拆分Span：把需要跳转的文字从原句中分离出来，做成独立的Span，这样就能单独控制它的样式和交互。
2. 超链接样式：设置TextColor为蓝色、TextDecorations.Underline是为了让用户一眼认出这是可点击的链接，属于优化体验的可选操作。
3. 点击事件处理：
   • Xamarin.Forms 使用Device.OpenUri()打开外部链接；
   • .NET MAUI 推荐使用Launcher.OpenAsync()（需要在MAUI项目的AndroidManifest.xml中添加<uses-permission android:name="android.permission.INTERNET" />权限）。
4. 权限配置：Android平台需要确保AndroidManifest.xml中包含互联网权限，iOS平台无需额外配置。

内容的提问来源于stack exchange，提问作者Venkata Swamy Balaraju