O X do Xamarin Forms — Segmented Control

Fala galera,

tudo beleza?

Segmented Control é um controle bem legal que pode ser utilizado para selecionar opções de um sub-menu ,alterar o conteúdo de uma tela ou etc.

Inicialmente foi criado para o iOS, mas é possível ter a necessidade de implementar o mesmo em Android.. e mais, que tal implementar em Xamarin.Forms?

Hoje lhes trago meu controle Xamarin.Forms.SegmentedButton para resolver esse problema e facilitar a implementação do mesmo.

Vamos ver como utilizar ?

Configurando o controle

Vamos ao nosso querido nuget baixar o pacote Xamarin.Forms.SegmentedButton e instalar no projeto compartilhado :

Pronto sem mais configurações :D

Utilizando o controle

Vamos criar uma MainPage simples e implementar a linha : xmlns:sb=”clr-namespace:Xamarin.Forms.SegmentedButton;assembly=Xamarin.Forms.SegmentedButton” para utilizar o controle, em seguida vamos implementa-lo como abaixo :

A tag SegmentedButtonControl controla a quantidade de botões que deseja utilizar alem de toda configuração visual do controle. É possivel definir CornerRadius,Height e etc.

Como o controle utiliza o Label, você pode aplicar todos os styles existentes no Xaml.

Para definir a cor padrão e a cor selecionada basta alterar nas propriedades DefaultColor e SelectedColor nesta ordem.

A propriedade SelectedIndex permite que você receba ou definia qual a posição o controle esta selecionando. Muito útil para utilizarmos em um MVVM.

Vamos rodar ?

Bem legal não ?

Caso queria adicionar alguma funcionalidade , fique a vontade para dar sugestões ou mandar seu pull request :D

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!