O X do Xamarin Forms — MarkdownView

Image for post
Image for post

Fala galera,

Tudo beleza?

Markdown é uma linguagem de marcação amada por uns e odiada por outros (tem muita gente que não gosta, e eu acho bizarro :P ).

Com esta linguagem podemos redigir textos , apresentações, formatações de uma forma bem rapida e muito bonita. Quem domina bem o MarkDown faz coisas fantasticas e ate quem é noob nele se vira muito bem.

Minhas documentações do github sempre utilizam markdown para eu explicar algo ou destacar palavras, códigos e etc.

Mas você ja pensou em utilizar markdown em um aplicativo de forma simples, e ainda por cima deixar uma tela/documentação bem legal e bem formatada para o usuario?

Image for post
Image for post

Isso é simples graças ao controle MarkdownView e hoje vamos ver como utiliza-lo !

Image for post
Image for post

Vamos ao nosso querido Nuget instalar o pacote Xam.Forms.MarkdownView em todos os projetos :

Image for post
Image for post

sim é a versão pre-release, eu escolhi ela porque tem alguns bugs resolvidos do que a que eu utilizava em meus projetos.

Só isso e vamos utilizar !

A utilização do controle é muito simples. É possivel colocar o conteudo com o markdown via código , ou utilizando a url do .md e baixando o conteudo.

Vamos colocar o controle na View com o Namespace xmlns:mk=”clr-namespace:Xam.Forms.Markdown;assembly=Xam.Forms.MarkdownView” e chamar a MarkdownView :

Agora vamos colocar o markdown direto no controle e para dar uma diferenciada vamos deixar o DarkMode ativo :

Caso você não selecione nenhum tema o padrão sera branco. Rodando :

Image for post
Image for post

Como demonstrado acima é possivel ate utilizar as urls do markdown e abrir o conteudo.

Agora vamos baixar o conteudo de uma url e pegar o conteudo do .md para o nossa Markdownview :

E rodar :

Image for post
Image for post

Simples e pode ser muito legal para demonstrar alguma informação ou documentação no seu app :)

Existem algumas limitações que podem ser verificadas no repositorio oficial clicando aqui.

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!

Written by

Microsoft MVP,Gamer, Desenvolvedor e apaixonado por tecnologia!

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store