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!
