YouTube

Got a YouTube account?

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

Russian subtitles

← LinearLayout

Get Embed Code
13 Languages

Showing Revision 1 created 10/21/2015 by sp15.

  1. Итак, мы увидели, что эта
    линейная разметка содержит два
  2. дочерних текстовых представления.
  3. Кстати, эти цвета фона — только
    инструмент обучения, помогающий понять,
  4. что эти два дочерних представления
    находятся внутри этого родительского.
  5. Красный и синий цвета на самом деле
    не будут отображаться на устройстве,
  6. если вы не установите их в качестве
    цветов фона для этих представлений.
  7. Чтобы показать, что я имею в виду,
    перейдем в XML Visualizer.
  8. Если мы вставим код в XML Visualizer,
    вот как это будет выглядеть
  9. на устройстве.
  10. Итак, сначала есть
    группа представлений LinearLayout.
  11. Она прозрачная, поскольку
    не задан цвет фона.
  12. Первое дочернее представление —
    текстовое, со списком гостей.
  13. Оно появляется вверху здесь.
  14. Второе дочернее представление —
    текстовое со словом Куналь.
  15. Оно появляется под первым текстом.
  16. Если скопировать это текстовое
    представление и вставить его ниже этого,
  17. то что произойдет, по вашему мнению?
  18. Да, у нас есть еще один Куналь,
    непосредственно под первым.
  19. Итак, получается, что если мы добавляем
    текстовые представления здесь,
  20. они просто появляются
    одно за другим в этом списке.
  21. Давайте рассмотрим код более внимательно.
  22. Он начинается с открывающей
    угловой скобки,
  23. затем имя представления,
    то есть LinearLayout.
  24. Затем перечисляются атрибуты,
    и в конце закрывающая угловая скобка.
  25. Отметим, что тут нет прямой косой черты,
    потому что это просто открывающий
  26. тег LinearLayout.
  27. Закрывающий тег находится
    вот тут внизу, потому что мы
  28. хотим вставить дочерние элементы
    между открывающим и закрывающим тегами.
  29. Но для этого текстового представления,
    поскольку тут нет дочерних элементов,
  30. мы можем просто
    использовать одиночный тег.
  31. Аналогично для этого текстового
    представления и для представления здесь.
  32. Итак, если группа представлений
    содержит дочерние элементы,
  33. мы должны вставить их между
    открывающим и закрывающим тегами.
  34. Далее, вы, возможно, заметили
    атрибут с именем Android orientation,
  35. который равен vertical.
  36. Мы не видели его раньше, поэтому
    давайте обратимся к документации
  37. по Android, как я показывала вам ранее.
  38. Я открываю новое окно браузера
    и ввожу android orientation.
  39. Первый результат поиска связан с
    LinearLayout, и находится
  40. на сайте developer.android.com.
  41. Нажимаю на него.
  42. Как и документация по текстовым
    представлениям, она немного перегружена.
  43. Мы можем игнорировать
    большую часть текста тут.
  44. Нам просто нужно убедиться, что это
    действительно страница по LinearLayout,
  45. и тогда мы прокрутим страницу
    и рассмотрим атрибуты XML.
  46. Теперь ищем атрибут,
    который называется Android orientation,
  47. вот он.
  48. Нажимаем на него,
    чтобы узнать подробности.
  49. В описании говорится,
    что этот атрибут определяет,
  50. является ли разметка столбцом или строкой.
  51. Значение этого атрибута —
    horizontal для строки
  52. и vertical для столбца.
  53. Эти два значения показаны здесь.
  54. Отлично. В коде указано, что значение
    android orientation равно vertical.
  55. Это объясняет, почему представления
    отображаются в столбце.
  56. Чтобы удовлетворить наше любопытство,
    надо попробовать и другое значение.
  57. Установим горизонтальную ориентацию
    и посмотрим на результат.
  58. Перехожу к коду, стираю значение vertical.
    Набираю значение horizontal.
  59. Теперь представления расположены
    в горизонтальной строке.
  60. Не знаю, как насчет вас,
    но мне не нравится читать
  61. список гостей по горизонтали.
  62. Но есть много других случаев,
    когда вам понадобится
  63. горизонтальная линейная разметка.
  64. Например, при создании списка
    можно расположить изображение слева,
  65. а описание справа.
  66. Вы сможете попробовать сделать
    это сами через секунду,
  67. но сначала я хочу обратить внимание на
    эту дополнительную строку кода.
  68. Это объявление пространства имен XML.
  69. Мы используем его, чтобы
    указать, что все эти атрибуты
  70. относятся к Android.
  71. Вот почему все они начинаются с
    android и двоеточия.
  72. Это сокращение для
    уникального URL для Android.
  73. Вы также можете создавать
    собственные атрибуты.
  74. Чтобы избежать конфликта имен, когда два
    атрибута называются одинаково,
  75. но ведут себя по-разному,
    мы всегда добавляем эту приставку,
  76. android:, чтобы указать
    на атрибуты Android.
  77. Так что всегда добавляйте
    объявление пространства имен XML
  78. в открывающем теге корневого
    представления в файле XML.
  79. Теперь ваш черед.
  80. Теперь вы сможете поэкспериментировать
    с кодом линейной разметки.
  81. Добавьте текстовые представления,
    чтобы в столбце было больше элементов.
  82. Кого вы включите в список
    гостей вашей вечеринки?
  83. Также попробуйте изменить атрибут
    ориентации линейной разметки.
  84. Помните, что можно задать значение
    vertical или horizontal.