Xamarin Rocket #2 — Alterando o espaço das linhas e colunas do Grid

Thiago Bertuzzi
Mar 28 · 2 min read

Fala galera!

Tudo beleza?

Antes da introdução, queria agradecer mesmo o feedback dessa nova serie de dicas rápidas do Xamarin.Sério não achei que tomaria o alcance que tomou, a quantidade de views e a quantidade de pessoas que me chamaram ou comentaram para agradecer. Vocês são fodas :D

Então hoje lhes trago a segunda dica rápida para Xamarin, bora!


Grid é um dos melhores layouts para Xamarin.Forms, sua flexibilidade nos permite criar diversas interfaces que atendam a maioria de nossas necessidades.

Mas vocês ja precisaram alterar o espaço das colunas/linhas? Ou Ate remover eles?

Existe uma forma muito simples de fazer isso, basta criar um style para o seu grid :

Pronto, com esse código ele vai reduzir o espaço das linhas e colunas para 0.

Em seguida ao rodarmos temos :

Facil não ? Se vocês olharem o exemplo eu utilizei <Style TargetType=”Grid”> apenas para demonstrar.

Isto altera todos os grids da pagina em questão. O ideal é criar um style personalizado. (Quer saber mais de styles ? Clique aqui)

É uma dica bem simples mas que ajuda muito :D

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

Written by

Microsoft MVP,Gamer, Desenvolvedor e apaixonado por tecnologia!