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 :
· 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!
