Xamarin Community Toolkit

Felipe Baltazar
3 min readAug 14, 2020
Xamarin Community Toolkit

Não seria bom se vários elementos, controles e soluções, de desenvolvimento de apps, ficassem centralizadas em um repositório?
Esse é o Xamarin Community Toolkit! 🤯🐒🎉

Nesse projeto você vai encontrar situações que foram resolvidas por outros desenvolvedores, sob o auxilio do time Xamarin e toda a comunidade.
Poranto, soluções semelhantes vão crescendo com os comentarios e revisões da comunidade e ficando cada vez mais estáveis.
Atualmente (14/08/2020) o pacote encontra-se em pre-release, porém você pode avaliar o código do projeto para utilizar trechos que lhe sejam necessário, como algum converter ou behavior.

AvatarView

Já precisou fazer customização, usando ImageView, para criar um controle de avatar? Essa view traz uma ideia bem interessante para solucionar essa situação.

AvatarView.xaml
A list showing many Xamarin Team members, with their names and avatar
AvatarView.xaml

Animation Behavior

Que tal adicionar animações a quaisquer controles Xamarin Forms de forma simples e rápida?

AnimationBehavior
GIF: Flip, Fade and shake animations applied at some views on xamarin forms
AnimationBehavior

Range Slider

E um Slider que permite a seleção de de um valor inicial e um valor final?
Há um suporte para varias customizações nesse controle, desde cores até estilização individual dos marcadores.

RangeSlider.xaml
Gif: Slider with two markes, changing min and max values
RangeSlider

O que está por vir?

Existem alguns PR`s, em fase final de ajustes, que estão trazendo propostas senssacionais (como diria nosso querido angelobelchior) para esse projeto.
São elas:

Masked behavior

Acredito que quem já precisou usar uma máscara de texto ja deve ter esbarrado no plugin do grande mestre Thiago Bertuzzi.
A ideia é basicamente a mesma nesse behavior, apenas tivemos alguns ajustes conforme a comunidade contribuia com necessidades e possiveis bugs.

PR:
https://github.com/xamarin/XamarinCommunityToolkit/pull/180

Xamarin toolkit playground showing a custom behavior for a editext control, thats insert some mask into the text
Masked Behavior

Match Behavior

Ja pensou em criar marcações, hashtags e links de uma forma dinâmica e simples? A porposta dessa behavior é exatamente essa!

#LoveXamarin @PlanetXamarin and other kind of dinamic link working with MatchBehavior
MatchBehavior

ConfirmPassword Behavior

E que tal validar se uma senha foi criada corretamente, dando um feedback visual para o usuário?

GIF: two fields, one for password insert and other for confirmation with behavior that detects wrong value
ConfirmPassword Behavior
Dont forget to clap this!!!

Conclusão

Eai!? Curtiu? Tem alguma solução que você criou? Compartilha lá com a comunidade!
Tem vontade de contribuir mas não tem nenhuma solução pronta? O James Montemagno criou uma issue para passar todo projeto dele, MVVM Helpers, para esse repositório. Pode ser um bom lugar para começar! 😁

Recomendo muito baixar o repositório e dar uma olhada no app de exemplo, está muito bonito e tem muito mais funcionalidades do que as apresentadas nesse artigo!

--

--

Felipe Baltazar

Developer AspnetCore 🌐, Windows 💻, Xamarin 🐒, Nerd 🤓, Gamer 🎮 , Father 👨‍👩‍👦 | Github:https://github.com/felipebaltazar