O X do Xamarin Forms — State Button

Image for post
Image for post

Fala galera,

beleza?

botão talvez seja o controle mais utilizado em um projeto Xamarin.Forms, acho que só perde pro Label xD.

Muitas vezes precisamos implementar funcionalidades em botões , como alterar sua aparência ou efetuar ações não existentes de uma forma nativa no Forms.

Eu costumo trazer diversos artigos de controles envolvendo botões e dessa vez não vai ser diferente. Hoje apresento um controle bem legal, chamado StateButton!!

Basicamente ele é capaz de identificar quando um botão muda seu estado e efetuar uma ação :

Image for post
Image for post

Vamos conhece-lo!

Vamos ao nosso querido Nuget baixar o controle Xamarin.CustomControls.StateButton e instalar em nosso projeto compartilhado

Image for post
Image for post

Pronto, sem mais configurações.

Vou adicionar algumas imagens para teste no projeto iOS:

Image for post
Image for post

Você pode usar os mesmos no projeto Android :)

Agora em nossa mainpage vamos adicionar o namespace do controle : xmlns:statebutton=”clr-namespace:Xamarin.CustomControls;assembly=Xamarin.CustomControls.StateButton” em seguida fazer uma implementação bem simples de 4 botões de exemplo :

e no backend :

Perfeito! Agora antes de rodar vamos entender algumas propriedades :

· ActiveTextColor : Cor do Texto quando o botão é pressionado

· ActiveBackgroundColor : Cor do botão quando ele é pressionado

· ActiveBorderColor: Cor da borda quando o botão é pressionado

· LeftImage: Imagem a esquerda do botão

· ActiveLeftImage : Imagem que aparece a esquerda quando o botão é pressionado

· RightImage: Imagem a direita do botão

· ActiveRightImage : Imagem que aparece a direita quando o botão é pressionado

· RotateImages : Se ao pressionar o botão ele deve rotacionar a imagem

Agora vamos rodar ! e Apertar os botões de exemplo:

Image for post
Image for post

Muito louco não ?

Existem outros controles no repositório oficial do projeto , se vocês quiserem eu faço mais artigos sobre os outros!

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!

Written by

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