Loading – Xamarin.Forms

Algumas vezes é necessário indicar para o usuário que o aplicativo está realizando alguma atividade, ou mesmo para que ele não pense que o app travou.

Um exemplo bastante comum é quando necessita ser realizada uma requisição ao servidor e a internet do usuário está um pouco lenta, enquanto a requisição não termina, é preciso informar ao usuário que algo está ocorrendo ali, por isso então, é usado o Loading ou também conhecido como indicador de atividade. Podendo ser de diferentes formas, neste post irei demonstrar como criar o indicador de atividade padrão das três principais plataformas, sendo elas:

 

Android

 aa

 

 

iOS

printiOS

UWP

printUWP

Para este exemplo, crie um botão para chamar o método “Show” e abaixo do botão adicione um ActivityIndicator como demonstrado a seguir.

XAML

Em seguida, no Code-Behind crie o método RaisePropertyChanged e a variável do tipo bool chamada de IsLoading, sete ela como false no método construtor da classe e por último crie o método Show como demonstrado a seguir.

Code-Behind

Neste caso para fins de exemplo, no método Show apenas criei um Delay para que o ActivityIndicator apareça  e depois de um tempo desapareça.

Resultado

 

Android

loadingAndroid

 

 

iOS

loadingiOS

 

 

UWP

Untitled Project

 

Esse e todos os exemplos deste blog encontram-se disponíveis no GitHub.

icongithub

2 comentários em “Loading – Xamarin.Forms

  1. Sou novo no trabalho com Xamarin e seus posts estão me ajudando muito. Parabéns! Gostaria de saber se ao habilitar o indicator teria como travar a tela para o usuário não mexer até o processamento terminar

    Curtir

    1. Olá Frederico, obrigado ! Fico feliz em saber que os post’s estão te ajudando.

      Tem sim, sabe a variável IsLoading ? Crie uma igual, e faça um binding na propriedade isEnabled.

      Montei um exemplo e chamei a variável de isDisabled.
      Acabei de subir no github, da uma olhada lá.

      Espero ter ajudado.

      Curtir

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s