O X do Xamarin Forms — Segmented Controls

Fala galera,

Existem plugins que integram tão bem com o Xamarin Forms, que merecem um artigo da serie X.

FreshEssentials é um cara desses.

As vezes precisamos criar alguns controles que não são comportados pelo Xamarin Forms, por exemplo algo para selecionar uma entre varias opções. A galera do IOS chama isso de Segmented Control.

Mas se existe porque eu preciso de um plugin ? Como eu disse, a galera do IOS.. mas a galera do Android não tem esse carinha ae.

Por padrão o Xamarin Forms utiliza controles que sejam comuns nas duas plataformas. Por ser um controle que só existe no IOS o Forms não o implementa.

FreshEssentials é um conjunto de controles para Xamarin Forms,com diversas funcionalidades :

· BindablePicker

· AdvancedFrame (flexible rounded corners)

· SegmentedButtonGroup

· InverseBooleanConverter

· ListViewItemTappedAttached

· TappedGestureAttached

Entre eles (Todos fazem muito bem seu papel), vamos falar do Segmented Control ou SegmentedButtonGroup no caso.

Mas pra que falar, se eu posso mostrar.. então bora!

Vamos baixar o plugin via nuget e instalar em todos os projetos:

Apenas no IOS no arquivo AppDelegate.cs ,devemos iniciar o freshEssentials , com o método new FreshEssentials.iOS.AdvancedFrameRendereriOS(); :

Estamos prontos!

Vamos adicionar o controle na nossa tela.

Para isso devemos adiciona o namespace xmlns:fe=”clr-namespace:FreshEssentials;assembly=FreshEssentials”, em seguida podemos implementar como o exemplo abaixo :

O Binding SelectIndex ficara responsável por informar qual o botão foi selecionado.

Agora no backend vamos implementar apenas o SelectIndex:

Vamos rodar:

No IOS:

No Android :

Fácil não? cada vez que tocamos no botão o mesmo muda o valor da SelectIndex. Assim podemos realizar nossas implementações. Podemos alterar cor dos botões,fundo, font e tudo mais!

Este é apenas um exemplo simples, sugiro a vocês verificarem as outras propriedades do controle e os outros controles no próprio git da FreshEssentials.

Quem quiser pode baixar o exemplo 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