Portuguese, Brazilian subtitles

← 01-20 TextView Text Size

Get Embed Code
13 Languages

Showing Revision 2 created 10/26/2015 by Gislene Kucker Arantes.

  1. Se você ainda não percebeu,
  2. o texto é pequeno na tela
    desse dispositivo.
  3. Minha visão é horrível,
    e preciso que ele seja bem maior.
  4. Felizmente para nós, há um atributo
    para alterar o tamanho do texto.
  5. Espere, tem um erro aqui.
  6. Diz que o computador não foi capaz
    de entender meu XML.
  7. Ao olhar de novo o código,
  8. vejo que esta nova linha que adicionamos,
    na verdade aparece com fonte preta,
  9. enquanto tudo acima está
  10. azul para o nome do atributo
    e vermelho para o valor do atributo.
  11. Então, há algo errado com essa linha.
  12. Espere, vejo agora.
  13. A barra e o sinal de menor
    estão deste lado aqui.
  14. Esse é realmente um erro comum
    de iniciante, adicionar o atributo
  15. depois de fechar a tag.
  16. Tecnicamente, isto é ficar
    no limbo do XML.
  17. ou algo porque ele não
    está vinculado a um elemento XML.
  18. O que realmente queremos é copiar
    esses símbolos e movê-los aqui para baixo.
  19. Assim está melhor,
    não há nenhum erro.
  20. Isto é um XML válido
    e nossa fonte está maior.
  21. Bacano! É bem mais legível agora.
  22. Observe como o textSize
    está definido para ser 45sp.
  23. Sp significa pixels
    independentes escalados.
  24. Ele é uma unidade de medida similar ao dp
    que torna a aparência do app consistente
  25. em diferentes dispositivos
    de diferentes densidades.
  26. Sp é usado somente para fontes
  27. pois ele ajusta com base
    nas preferências do usuário.
  28. e configurações para o textSize,
    vamos olhar isso agora.
  29. Deixe mostrar onde está o ajuste.
  30. Vou para as Configurações do aplicativo
    e, então, toco em Visualização,
  31. e há a opção
    de tamanho de fonte.
  32. Se tocar, você verá
    diferentes tamanhos de fonte.
  33. Se apertar Enorme aumenta
    o tamanho da fonte de tudo.
  34. Sempre use sp para declarar
    seus tamanhos de fonte
  35. para aumentar ou reduzir de acordo
    com a preferência do usuário.
  36. Em um momento você vai alterar
    o tamanho do texto de exibição.
  37. Porém, eu queria primeiro
    mostrar a você uma coisa.
  38. Este é o spec
    de Material Design.
  39. Material Design é uma nova linguagem
    de design desenvolvida pelo Google
  40. para ajudar as pessoas
    a criar consistentes
  41. e belos aplicativos entre diferentes
    dispositivos e plataformas,
  42. como web e móvel.
  43. A especificação de design,
    ou abreviando spec de design,
  44. destaca as melhores práticas
    para projetar seu aplicativo.
  45. Fornece orientações sobre o traçado,
    estilo visual, aparência,
  46. animações e muito mais.
  47. Há também uma seção sobre
    tipografia ou fontes.
  48. Ele lista um monte de informação
    aqui que você pode ler mais tarde,
  49. mas o mais importante é este guia aqui,
  50. que fala sobre tamanhos
    de texto recomendados.
  51. Se você está exibindo
    um cabeçalho bem grande,
  52. pode usar alguns
    destes valores de textSize.
  53. Se está tentando fazer um título
    ou algum corpo de texto ou uma legenda,
  54. você pode usar alguns destes tamanhos.
  55. Isso ajudará a orientá-lo
    sobre quais tipos de valores
  56. você pode escolher dependendo de seu uso.
  57. Mas cuidado, porque se usar muitos tipos
    de tamanhos ou estilos em seu aplicativo,
  58. pode ser muita coisa para o usuário.
  59. Então apenas escolha alguns estilos
    para exibir as informações que deseja.
  60. Quando você muda o tamanho
    de texto da TextView,
  61. tente alguns destes valores.
  62. Vá em frente e mude o tamanho
    de fonte da TextView
  63. usando o spec de Material Design.
  64. E se estiver a fim de um desafio,
  65. você pode tentar aprender sobre
    o atributo de aparência de texto
  66. do Android Dev Protip do Google+
    que postei abaixo.
  67. E, então, você pode tentar
    isto no Visualizador XML também.
  68. O link para o Visualizador XML
  69. com o código para começar
    aparece abaixo.