Desenvolvendo interfaces "like a boss" com Xamarin.Forms

Palestra realizada no Xamarin Summit 2018

Transcript

1. DESENVOLVENDO INTERFACES
   LIKE A BOSS
   COM XAMARIN.FORMS
   

   View Slide

2. APRESENTAÇÃO
   Ione Souza Junior
   Desenvolvedor Mobile @Unimestre
   ❤ Xamarin
   @ionixjunior
   junior@ionixjunior.com.br
   

   View Slide

3. QUEM NUNCA PRECISOU
   FAZER UM APP TIPO...
   

   View Slide

4. QUEM NUNCA PRECISOU FAZER UM APP TIPO...
   > Facebook
   > WhatsApp
   > GetNinjas
   > IFood
   > Uber
   > Algum outro para copiar?
   

   View Slide

5. EXPECTATIVA X REALIDADE
   

   View Slide

6. View Slide

7. View Slide

8. AS VEZES COLOCAMOS A
   "CULPA" NA TECNOLOGIA
   QUE TRABALHAMOS...
   

   View Slide

9. Os componentes não estão
   prontos para fazer isso...
   — Um desenvolvedor que espera tudo pronto
   

   View Slide

10. Não faz isso por padrão? Reclama
    lá pro Xamarin, TO PAGAAAANDO
    — Um depoimento velho, mas verdadeiro
    

    View Slide

11. PRECISAMOS ESTUDAR AS GUIDELINES E
    SABER COMO COMBINAR OS
    COMPONENTES PARA DESENVOLVER
    TELAS MAIS PROFISSIONAIS - E AS
    VEZES ESCREVER ALGUNS RENDERS
    

    View Slide

12. LEGAL, VAMOS VER NA
    PRÁTICA...
    

    View Slide

13. WHATSAPP CHAT LIST
    

    View Slide

14. WHATSAPP CHAT LIST
    > Lista dinâmica (individual e grupos)
    > Badges
    > Nível: fácil
    !
    

    View Slide

15. View Slide

16. View Slide

17. View Slide

18. View Slide

19. View Slide

20. View Slide

21. View Slide

22. View Slide

23. View Slide

24. View Slide

25. View Slide

26. View Slide

27. View Slide

28. View Slide

29. View Slide

30. !
    

    View Slide

31. View Slide

32. NUBANK TIMELINE
    

    View Slide

33. NUBANK TIMELINE
    > Carrossel no cabeçalho da lista
    > Efeito de linha do tempo
    > Nível: menos fácil
    

    View Slide

34. View Slide

35. View Slide

36. View Slide

37. View Slide

38. View Slide

39. View Slide

40. View Slide

41. View Slide

42. View Slide

43. View Slide

44. View Slide

45. View Slide

46. View Slide

47. View Slide

48. View Slide

49. View Slide

50. View Slide

51. E AÍ? VAI DIZER AGORA
    QUE COM XAMARIN.FORMS
    NÃO DÁ?
    

    View Slide

52. NA PALESTRA DE HOJE VIMOS QUE...
    > É essencial saber combinar os componentes
    

    View Slide

53. NA PALESTRA DE HOJE VIMOS QUE...
    > É essencial saber combinar os componentes
    > Ter um pouco de bom gosto ajuda muito - ou copiar
    

    View Slide

54. NA PALESTRA DE HOJE VIMOS QUE...
    > É essencial saber combinar os componentes
    > Ter um pouco de bom gosto ajuda muito - ou copiar
    > É importante conhecer as guidelines e saber como tudo
    funciona por baixo dos panos
    

    View Slide

55. NA PALESTRA DE HOJE VIMOS QUE...
    > É essencial saber combinar os componentes
    > Ter um pouco de bom gosto ajuda muito - ou copiar
    > É importante conhecer as guidelines e saber como tudo
    funciona por baixo dos panos
    > Seu app Xamarin.Forms não precisa ser feio
    

    View Slide

56. EXEMPLOS NO GITHUB
    > github.com/ionixjunior/xamarin-
    forms-interfaces
    

    View Slide

57. Ione Souza Junior
    Desenvolvedor Mobile @ Unimestre
    @ionixjunior
    junior@ionixjunior.com.br
    

    View Slide