O X do Xamarin Forms — Criando uma tela de Configuração com Custom SettingsView

Fala galera,

beleza?

Alguns apps permitem aos utilizadores configurar certos parâmetros, nós conhecemos isso como a famosa tela de Config :

Geralmente quando vamos criar essa tela no Xamarin.Forms, nós utilizamos o Layout TableView , que nos facilita criar as linhas com os controles que precisamos.

Porem existe um pacote sensacional, que facilita ainda mais nossa vida inserindo muito mais opções prontas para os controles, este é o AiForms.SettingsView e hoje vamos ver como Implementa-lo!

Bora?

Its time to Nuget xD , vamos a ele instalar o controle AiForms.SettingsView em todos os seus projetos :

Em seguida apenas precisamos inicializa-lo no iOS :

Pronto, vamos utiliza-lo!

Após a instalação do controle, temos acesso ao namespace : xmlns:sv=”clr-namespace:AiForms.Renderers;assembly=SettingsView” . Existem diversos controles preparados para nos ajudar a criar nossa tela.

Para exemplificar vamos criar uma ViewModel :

Isso vai nos ajudar a carregar os dados na tela. E falando nela, vamos cria-la utilizando os controles do Componente :

Existem muitos controles para utilizar, eu apenas escolhi alguns para a demonstração.

Notem que de forma simples dentro da SettingsView, podemos criar as Section's. Que são os separadores dos controles.

Dentro delas podemos criar Checkbox, CommandCells ( Com o disclosure ja pronto) , Pickers , Label com ReadOnly e etc. Todos ja preparados para Command e com as mais diversas propriedades para facilitar nossa implementação.

Rodando :

O controle vem com Styles padrões, mas é possível alterar tudo no App.xaml. como demonstrado no próprio repositório :

Creio que com isso, suas telas de Configurações ficam mais fáceis de serem feitas não?

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