Return to Video

05-15 Add TextViews for Price - Solution

  • 0:01 - 0:03
    Во-первых, мы должны изменить
    XML-файл разметки activity_main так,
  • 0:03 - 0:06
    чтобы можно было добавить
    текстовые представления для цены.
  • 0:07 - 0:09
    Если предварительный просмотр устройства
    не отображается, можно нажать
  • 0:09 - 0:13
    на эту ссылку с названием Preview,
    чтобы открыть его.
  • 0:14 - 0:17
    Теперь, когда мы меняем XML,
    он будет обновляться автоматически здесь.
  • 0:17 - 0:20
    На этом скриншоте
    цена представлена так же,
  • 0:20 - 0:23
    как и количество.
  • 0:24 - 0:27
    Есть заголовок и текстовое представление,
    показывающее значение.
  • 0:27 - 0:30
    Таким образом, можно просто скопировать
    оба элемента представления
  • 0:30 - 0:31
    и затем вставить ниже.
  • 0:32 - 0:35
    Теперь нужно настроить
    значения в соответствии со сценарием.
  • 0:36 - 0:38
    Вместо количества нужно указывать цену.
  • 0:40 - 0:44
    Также нужно изменить идентификатор
    для текстового представления цены.
  • 0:44 - 0:46
    Может быть два представления
    с одинаковым ИД.
  • 0:47 - 0:50
    Но в задании сказано изменить
    его для текстового представления цены.
  • 0:50 - 0:52
    Это будет соответствовать нашему коду.
  • 0:52 - 0:54
    Вот так. И это позволяет избежать ошибок.
  • 0:54 - 0:59
    В предварительном просмотре видим
    заголовок цены и ноль под ним.
  • 0:59 - 1:02
    Мы хотим изменить его так,
    чтобы было ноль долларов.
  • 1:02 - 1:04
    Если хотите, можно использовать
    собственный символ валюты.
  • 1:04 - 1:06
    Заголовок написан заглавными символами,
  • 1:06 - 1:11
    а фактическое значение цены
    шрифтом размера 16 sp и черным цветом.
  • 1:11 - 1:14
    Выглядит неплохо, за исключением того,
    что нужно увеличить
  • 1:14 - 1:19
    расстояние по вертикали между заголовком
    цены и значением количества.
  • 1:19 - 1:21
    Я просто изменю все представления так,
  • 1:21 - 1:24
    чтобы они включали атрибут marginTop
    со значением 16dp.
  • 1:24 - 1:30
    Затем вместо marginBottom здесь
    я вставлю marginTop со значением 16.
  • 1:30 - 1:31
    Это исправит проблему.
  • 1:31 - 1:32
    Прекрасно.
  • 1:32 - 1:35
    Теперь все представления
    равномерно удалены друг от друга.
  • 1:36 - 1:38
    Если вы довольны XML-кодом,
  • 1:38 - 1:39
    можно запустить это на вашем устройстве.
  • 1:40 - 1:41
    Выглядит отлично.
  • 1:43 - 1:45
    Перейдем к файлу MainActivity.
  • 1:45 - 1:50
    Если всплывает окно Android DDMS,
    можно свернуть его с помощью этой стрелки.
  • 1:50 - 1:52
    В файле MainActivity
    мы просили вас скопировать
  • 1:52 - 1:54
    и вставить метод displayPrice,
    который вам предоставили.
  • 1:56 - 1:59
    Надеюсь, вы также изменили
    настройки Android Studio
  • 1:59 - 2:02
    для автоматического импорта элементов,
    если они однозначны.
  • 2:02 - 2:05
    Это помогает решить проблему,
    когда приложение не знает,
  • 2:05 - 2:06
    какой формат чисел используется.
  • 2:06 - 2:10
    Теперь, с оператором импорта,
    приложение знает, что числовой формат
  • 2:10 - 2:14
    предоставляется автоматически в Java.
  • 2:14 - 2:17
    В последнем шаге мы изменяем
    метод submitOrder,
  • 2:17 - 2:21
    чтобы после нажатия кнопки отображались
    и количество, и цена.
Title:
05-15 Add TextViews for Price - Solution
Description:

more » « less
Video Language:
English
Team:
Udacity
Project:
UD837 - Android for Beginners
Duration:
02:23

Russian subtitles

Revisions