O X do Xamarin Forms — ColorPicker

Fala Galera,

tudo beleza?

Alguns apps nos permitem personalizar a aparencia deles, ou apenas algumas telas. Alem disso muitas vezes existe a necessidade de selecionar alguma cor para uma determinada funcionalidade.

Geralmente, quando isso acontece , implementamos nossa propria tela de opções com as configurações necessarias. Pois bem, hoje lhes trago um controle incrivel para facilitar nossa vida o ColorPicker !

Então bora ver como utilizar.

Vamos ao nosso querido nuget adicionar o pacote Amporis.Xamarin.Forms.ColorPicker apenas no projeto compartilhado :

Pronto! Não precisa de mais nada :D

Existem algumas formas bem legais de utilizar o ColorPicker.

vamos adicionar ele na propria View utilizando o namespace xmlns:cp=”clr-namespace:Amporis.Xamarin.Forms.ColorPicker;assembly=Amporis.Xamarin.Forms.ColorPicker” :

E no backend uma propriedade para receber a cor selecionada :

Vamos rodar :

Bem legal não? Ele abre um popup permitindo que selecionemos a cor. Mas e se eu quiser o controle sem o Popup ? Tambem é possivel graças ao ColorPickerMixer :

Com isso temos o controle na propria view para selecionar as cores :

E pra fechar com chave de ouro caso você não queira o controle na tela, pode chamar apenas o Popup com um simples comando:

O Legal do popup é que você pode escolher qual o controle pai em que ele sera exibido, no meu caso utilizei o proprio StackLayout :

Muito Legal e util!!!!

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!

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