O X do Xamarin Forms — HyperLink de forma simples

Thiago Bertuzzi
2 min readJun 24, 2019

Fala galera,

HyperLink (não o do Zelda , badum tiss) é mais velho que os CDs do AOL ( muitos nem conhecem né? ).

Existem diversas formas de implementar hyperlinks em Xamarin.Forms, mas hoje vou lhes trazer duas implementações bem simples que podem ser uteis :D.

Então bora?

Implementando o HyperLink

Vamos ao xaml criar um Label simples da cor azul e utilizar um TextDecorations para que ele fique com Underline.

Não conhece o TextDecorations ? Eu explico :D

o TextDecorations nos permite adicionar algumas propriedades a texto, sendo elas Underline (o famoso sublinhado) e Strikethrough a famosa linha unica.

Pronto isso simula um texto com HyperLink… certo, mas e ae? Como faço para ele abrir a url?

Simples, podemos utilizar do GestureRecognizers o TapGestureRecognizer para identificar quando algo tocar o label chamarmos um Command :

Boa!! Agora vamos implementar o backend :

Warning: se você quer saber o que faz esse Device.OpenUri , alem de outras opções de abrir url e aplicativos externos sugiro que leia este artigo

Rodando :

Facil , não?

Beleza, mas e se eu quiser colocar no meio do Texto ?

Ai vamos recorrer ao nosso querido FormattedString , e vamos colocar o label no span :

Warning: se você quer saber sobre formattedString e outras dicas do Xaml clique aqui.

Vamos rodar :

Facil , facil em ?

Caso queira baixar o código utilizado no Exemplo: Clique aqui.

Quer ver outros artigos sobre Xamarin ? Clique aqui.

Espero ter ajudado!

Aquele abraço!

--

--

Thiago Bertuzzi

Microsoft MVP,Gamer, Desenvolvedor e apaixonado por tecnologia!