YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Russian subtitles

← Change the TextView

Get Embed Code
14 Languages

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

  1. Итак, мы увидели код
    для TextView в первый раз.

  2. Но пока он завис где-то на орбите.
  3. Верно, нам надо куда-то
    его установить.
  4. Да, это будет IDE.
  5. Опять это сокращение.
  6. Катрин, напомни что он значит?
  7. Integrated Development Environment
  8. Верно, в этом уроке мы будем
    использовать Android Studio.
  9. Вот как это выглядит.
  10. Все еще немного запутанно.
  11. Думаю, надо что-то,
    что поможет ученикам
  12. легче понимать урок.
  13. Верно, мы будем разрабатывать
    что-то учебное в
  14. Android Studio с традиционными
    запутанными
  15. компьютерными сокращениями,
    мы называем это XMLV.
  16. Это значит XML Visualizer.
  17. Ты напишешь немного XML?
  18. Увидишь результат.
  19. Ты напишешь еще, и результата
    будет больше.
  20. Ага.
  21. Используем его.
  22. Ладно.
  23. Поскольку XML visualizer был создан
    для этого курса,
  24. в нем не весь функицонал
    как в Android Studio.
  25. Но во время урока,
    когда будет надо, мы
  26. перейдем в Android Studio и этот
    сайт больше не будет нужен.
  27. Ссылка на заметки, которым
    вы можете следовать.
  28. В этом коде текст -
    это Happy Birthday.
  29. И на устройстве пишет Happy Birthday.
  30. А сейчас попробуем изменить текст на
    Happy Birthday, Kunal.
  31. И когда я выведу его на устройство,
    мы увидим
  32. Happy Birthday, Kunal.
  33. И что случится, если я попробую
    оставить высоту и ширину.
  34. Возьму случайное значение
    в 300dp для ширины
  35. и 500 для высоты.
  36. Теперь на предпросмотре вы видите,
    что зона текста стала гораздо больше.
  37. А текст в верхнем левом углу
    остался того же размера.
  38. Обратите внимание что значения
    ширины и высоты -
  39. 300 и 500 указаны в dp
    в обеих случаях.
  40. Это единица измерения,
    как сантиметр или
  41. миллиметр, с ее помощью мы
    определяем размер в Android.
  42. А также расстояние между раскладками.
  43. Название dp значит
    density-independent pixels.
  44. Позвольте объяснить
    для чего нам это надо.
  45. Допустим этот красивый прямоугольник
    представляет разные устройства.
  46. Они одинакового размера
    но отличаются разрешением.
  47. Это устройство среднего разрешения со
    средним количеством пикселей,
  48. устройство с высоким и
    очень высоким разрешением.
  49. Когда я говорю пиксель это значит что
    экран состояит из маленьких квадратов
  50. пикселей, и они светятся тем
    на что вы смотрите.
  51. Я определяю размер предмета,
    например кнопки, в 2 пикселя высотой
  52. и 2 писеля шириной и вот так
    он выглядит на среднем разрешении.
  53. На высоком разрешении
    это тоже 2 пикселя на 2 пикселя.
  54. Но немного меньше размером,
  55. потому что всего пикселей
    гораздо больше в устройстве и
  56. на очень высоком разрешении тонны
    пикселей стоят на такой же площади
  57. и кнопка выглядит очень маленькой.
  58. Я с трудом попадаю по ней пальцем.
  59. Приходится нажимать самым
    кончиком или ногтем.
  60. Если у меня устройство
    с очень высоким разрешением
  61. это не значит что у меня
    маленькие пальцы.
  62. Мне все также надо нажимать
    кнопки на экране.
  63. Вот поэтому мы пользуемся
    density-independent pixels.
  64. Я могу указать что кнопка будет
    2dps на 2dps размером.
  65. Вот так это будет выглядеть
    на разных устройствах.
  66. Физически тот же размер, но
  67. в Android используется
    разное количество пикселей.
  68. Не заморачивайтесь про эту логику,
    вам только надо помнить,
  69. что надо определять размеры в dp.
  70. При конструировании приложений
    мы советуем чтобы все кнопки
  71. были размером как минимум
    48dps в высоту и ширину.
  72. Обратите внмимание 48dps
    а не 48 пикселей,
  73. иначе она будет очень маленькой на
    устройстве с высоким разрешением.
  74. Так всем будет легко пользоваться
    вашим приложением.
  75. Теперь когда вы все это знаете,
    я хочу чтобы вы попробовали
  76. изменить код TextView.
  77. Вы напишете свои первые строки XML,
    это удивительно.
  78. Сначала попробуйте изменить
    текст в TextView.
  79. Потом попробуйте изменить
    стороны в TextView.
  80. Потом я хочу чтобы вы сделали ошибку.
  81. А потом исправили ее, отменив.