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

Image for post
Image for post

Fala galera,

beleza?

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

Image for post
Image for post

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?

Image for post
Image for post

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

Image for post
Image for post

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 :

Image for post
Image for post

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

Image for post
Image for post

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!

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