Xamarin.Forms : O Poder do XAML — Todo Conteúdo Apresentado

Fala Galera,

Tudo beleza?

Tivemos duas lives incríveis sobre Xaml no Canal .net ( que inclusive se vc não é inscrito clique aqui) . Uma dia 04/06/2019 e a outra ontem 15/07/2019.

Hoje lhes trago um resumo do que rolou , alem dos videos das mesmas :D .

Antes de começar fica meu agradecimento aos meus amigos MVP'S Renato Groffe ( o original e seus bots) , Andre Secco ( E seu maravilhoso agasalho da italia ) e Luiz Carlos Faria ( que se juntar as mãos em uma live.. corre… é sério .. ) pelo espaço para falarmos de Xamarin e todo o suporte nas lives :) .

E Claro um grande agradecimento ao meu amigo Ione Souza ( o God of XAML) que aceitou meu convite para fazer um app com Xaml ao vivo ;) .

Então bora?

Antes de mais nada caso você não saiba, o Xaml (eXtensible Application Markup Language) é uma das formas de criar interfaces para Xamarin.Forms.

Eu digo uma das, pois também podemos criar interfaces com C#.

Alem do Xaml o Xamarin.Forms nos permite utilizar o Material, para deixar as interfaces de iOS e Android com um mesmo padrão :

Caso queira conhecer mais sobre o Material , pode conferir este artigo que fiz O X do Xamarin Forms — 3.6 Bem Vindo Material Design !

Xaml é tão poderoso que praticamente podemos replicar qualquer design feito. Duvida ?

Então para começar com o pé na porta, a sugestão do Ione para essa Live foi replicar o famoso app da Yellow ( aluguel de bicicletas e patinetes ) em Xaml !

Para auxiliar nessa tarefa foi o utilizado o Incrível HotReload que facilita o preview das telas com os dados ja carregados.

Se quiser saber mais do HotReload e outras ferramentas de preview pode dar uma lidas nos seguintes artigos :

· LiveXaml vs HotReload

· HotReload: uma ferramenta gratuita para desenvolvimento de UI em XAML

Existem outras ferramentas que podem auxiliar no desenvolvimento de telas com Xaml.

Uma delas é o Xamarin.Forms.DebugRainbows :

Inclusive se quiser saber mais pode ver este artigo aqui.

Então começando a replicar o App da Yellow o Ione fez isso ao vivo, e você pode conferir o resultado no video abaixo :

Alem do app da Yellow, tiramos diversas duvidas ao vivo sobre Xamarin. Foi um bate papo bem legal com os todos que acompanharam :)

O resultado , um app exatamente igual o da Yellow… Porem feito em Xamarin :

Sensacional!!

Algumas telas ficaram faltando então aproveitamos a oportunidade para criar uma parte 2 e alem de finalizar o App, conversar sobre mais alguns conceitos importantes.. Custom Renderer e Effect..

Com o Custom Renderer podemos personalizar a aparência e o comportamento de controles do Xamarin.Forms.

Um bom exemplo para isso é este artigo que escrevi : O X do Xamarin Forms — Títulos grandes do IOS 11 Custom Renderer em Ação

Alem disso para alterações mais simples nos controles , podemos utilizar os Effects : O X do Xamarin Forms — Effects.

Claro entendo quando utilizar um ou outro :

•É recomendado usar um Effect quando alterar as propriedades de um controle específico da plataforma atinge o resultado desejado.

•Um Custom Renderer é necessário quando há necessidade de substituir o controle específico da plataforma que implementa um controle do Xamarin.Forms.

Então nessa segunda parte o Ione alem de finalizar o App ao Vivo, tambem demonstrou a implementação de um Custom Renderer :

E claro, mais uma vez , tiramos diversas duvidas ao vivo sobre Xamarin.

Fica aqui meu agradecimento a todos que participaram, perguntaram e nos ajudaram a deixar registrada diversas duvidas e muito conteúdo Xamarin !

Quem quiser baixar o app criado ao vivo, basta acessar o github do Ione clicando aqui.

Espero ter ajudado!

Aquele abraço!

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