O X do Xamarin Forms — Segmented Control

Image for post
Image for post

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.

Image for post
Image for post

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 ?

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

Image for post
Image for post

Pronto sem mais configurações :D

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 ?

Image for post
Image for post

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!

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