Dev (Back & Front)ARTIGO

Xamarin Rocket – Parte 02: alterando o espaço das linhas e colunas do Grid

Nesta segunda parte de sua série Xamarin Rocket, Thiago Bertuzzi apresenta um passo a passo rápido ensinando a alterar o espaço das linhas e colunas do Grid.

Xamarin Rocket – Parte 02: alterando o espaço das linhas e colunas do Grid
Imagem: Thiago Bertuzzi

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 incríveis!

Hoje lhes trago a segunda dica rápida para Xamarin. Vamos lá?

Grid é um dos melhores layouts para Xamarin.Forms. Sua flexibilidade nos permite criar diversas interfaces que atendam a maioria das nossas necessidades, mas já precisaram alterar o espaço das colunas/linhas? Ou até 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:

Fácil, não? Se observarem o exemplo, podem ver que eu utilizei <Style TargetType=”Grid”> apenas para demonstrar.

Isso altera todos os grids da página em questão – o ideal é criar um style personalizado.

Quer saber mais de styles? Confira este artigo.

É uma dica bem simples, mas que ajuda muito.

Caso queira baixar o código utilizado no exemplo, clique aqui.

Quer ver outros artigos sobre Xamarin? Acesse este link.

Espero ter ajudado. Aquele abraço!

Thiago BertuzziAutor

Desenvolvedor .Net há 12 anos e vem participando de projetos Desktop, Services, Web e Mobile utilizando Xamarin. Microsoft MVP em Developer Technologies e Líder Técnico na NESS. Contribui para comunidade Xamarin escrevendo artigos, compartilhando códigos e criando pacotes Nuget.

Ver perfil