4
respostas

Diferença de performance entre componentes

Existem técnicas/boas práticas na estruturação de layouts utilizando componentes (Grid, StackLayout, Label, Span...) para melhorar a velocidade de renderização da view ?

4 respostas

Olá, Rodrigo

Acho que você pode fazer o seguinte:

  • Mantenha suas views simples. Não acumule muitos componentes na mesma view
  • Não utilize imagens muito grandes. Por exemplo, se uma imagem estática original tem 3000px por 2000px e ela é redimensionada para 300px por 200px, isso pode afetar a performance. Então reduza ou faça uma cópia para o tamanho da imagem que será exibida de fato (300px por 200px).
  • Cuidado com listagens grandes. Nunca exiba uma lista muito grande de uma vez só. Isso consome um monte de recursos. Em vez disso, utilize paginação ou, melhor ainda, use "scroll infinito" (do mesmo jeito que é usado pelo Facebook e outros). Assim, você só precisa carregar dados/exibir quando o usuário solicitar.
  • Ao carregar dados de um servidor, sempre mostre um indicador (ActivityIndicator) para o usuário saber que alguma ação está aguardando resposta do servidor. Caso contrário, o usuário fica impaciente e tem a impressão de que a ação está demorando mais do que deveria.
  • Se for criar formulários grandes, a primeira dica também serve: quebre em várias views, sendo uma para cada tópico. Por exemplo: para um formulário de RH, mantenha a primeira view para dados pessoais, a segunda para telefone, a terceira para endereço, a terceira para dependentes, e assim por diante. Crie um fluxo "próximo > próximo > próximo > concluir". A cada view, SALVE os dados do usuário num banco local, para o usuário não ter que preencher tudo de novo quando a bateria acabar ou a aplicação fechar sem querer.
  • Não reinvente a roda. Se for criar uma tela nova, procure na internet ou na loja do iPhone ou Android alguns exemplos de aplicativos similares que sejam populares. Os usuários preferem aplicativos que tenham aparência e usabilidade familiares. Se você criar um aplicativo com botões ou navegação diferente do padrão, os usuários podem se confundir.
  • Ainda sobre o tópico anterior, veja como outros desenvolvedores Xamarin criaram aplicações similares utilizando os componentes que estão à disposição: Grid, ListView, StackLayout, WebView, etc.

Rodrigo

Há um conjunto de "boas práticas" que você pode utilizar conhecido como Material Design. É da própria Google. Aconselho que de uma olhada e os considere:

https://material.io/guidelines/

É bem intuitivo e muito bem feito!

Bacana, muito obrigado Marcelo e Daniel. Pesquisando um pouco sobre esse assunto , acabei achando essas dicas no site do xamarin:

https://developer.xamarin.com/guides/xamarin-forms/deployment-testing/performance/

Abração!

Legal, valeu o link!