Russian subtitles

← 01-20 Размер текста TextView

01-20 Размер текста TextView

Get Embed Code
13 Languages

Showing Revision 4 created 12/16/2015 by Fran Ontanaya.

  1. Если вы еще не заметили,
    то текст мелковат на этом экране.
  2. У меня плохое зрение и мне
    очень надо что-нибудь крупнее.
  3. Нам везет,
  4. есть атрибут которым мы можем
    изменить размер текста.
  5. Но, подождите, появилась ошибка.
  6. Сказано что компьютер
    не может понять мой XML.
  7. Перепроверив код я вижу, что эта
    добавленная нами строка показывается
  8. черным, тогда как все выше
    показывает название
  9. атрибута голубым
    и его значение красным.
  10. Что-то точно не так с этой строкой.
  11. Погодите, я поняла.
  12. Слеш и закрывающая
    угловая скобка вот здесь.
  13. Это очень распространенная ошибка
    для начинающих - добавить атрибут
  14. после закрывающей метки.
  15. Технически оно остается где-то в XML
  16. или еще где-то, потому что
    не привязано в элементу XML.
  17. Что надо сделать - скопировать
    эти символы и вставить здесь внизу.
  18. Так лучше.
  19. Ошибки нет, XML рабочий,
    и наш шрифт стал крупнее.
  20. Ура!
  21. Так читается гораздо лучше.
  22. Обратите внимание, что размер
    шрифта установлен на 45 sp.
  23. Sp - это значит
    scale independent pixels.
  24. Это единица измерения похожая на
    dp, с ее помощью приложение выглядит
  25. одинаково на разных устройствах
    с разным разрешением.
  26. Sp используется только для шрифтов,
    поскольку используется в установках
  27. пользователя для размера шрифта.
  28. Посмотрим на это.
  29. Я покажу где указаны установки.
  30. Перейдите в установки приложения,
    нажмите display, и вот выбор
  31. размера шрифта.
  32. Если вы тут кликните, то
    увидите разные размеры шрифтов.
  33. Если кликните на huge,
    это увеличит размер шрифта везде.
  34. Поэтому всегда используйте sp для
    назначения размера шрифтов, чтобы они
  35. масштабировались соответственно.
  36. Скоро вы измените размер
    текста в text view.
  37. Но сначала я хочу показать
    вам кое-что.
  38. Это спецификации material design.
  39. Material design - это концепция
    дизайна разработанная Google
  40. чтобы помочь людям создавать
    согласованные и красивые
  41. приложения для разных устройств
    и платформ - интернет и мобильных.
  42. Спецификации
  43. отображают лучший опыт
    дизайна приложений.
  44. Они предоставляют руководство по
    раскладке вашего приложения, стиля,
  45. изображений, анимаций
    и многого другого.
  46. Есть также раздел по типографии,
    то есть по шрифтам.
  47. Здесь есть куча информации,
    которую вы можете прочитать позже.
  48. Но самое важное -
    вот этот справочник,
  49. в нем указаны рекомендации
    по размерам текста.
  50. Если у вас очень большой заголовок,
  51. то можете использовать
    некоторые из этих размеров текста.
  52. Если вы хотите сделать заголовок,
    или основной текст или выдержку,
  53. можете использовать эти размеры.
  54. Это поможет вам разобраться в
    значениях типов которые вы можете
  55. выбрать.
  56. Будьте осторожны, если
    выберете слишком много размеров или
  57. стилей для приложения,
    это может раздражать пользователя.
  58. Выберите просто пару стилей
    для отображения информации.
  59. При изменении размера шрифта
  60. для TextView, попробуйте
    пару значений отсюда.
  61. Давайте, измените размер шрифта
    TextView с помощью спецификаций.
  62. А чтобы рискнуть,
  63. можете попробовать узнать про
    атрибут text appearance
  64. из Google+ Android Dev Protip,
    который я привела ниже.
  65. А после можете попробовать
    вот этот XML Visualizer.
  66. Ссылка на XML Visualizer
    с уже написанным
  67. началом кода приведена ниже.