Рис. 6.2. Создание иконки
После создания проекта откройте activity_main.xml из каталога res/layout/.
Когда вы откроете файл activity_main.xml, вы увидите графический редактор макета. Благодаря этому редактору создание интерфейсов стало ещё интереснее, поскольку добавить элемент на форму можно при помощи перетаскивания мышью, к тому же, благодаря графическому редактору, не обязательно запускать эмулятор, чтобы увидеть результат своих трудов.
Теперь щелкните по вкладке activity_main.xml в нижней части экрана. Открылся XML-редактор кода. Этот способ редактирования стандартный, но все изменения, вносимые в этот документ, можно так же ощутить визуально, перейдя на графический редактор.
Вернёмся на вкладку с графическим редактором. Во-первых, подготовим документ к началу работы, для этого удалите .
Результат выглядит так:
увеличить изображение
Рис. 6.3. Проект, готовый к началу разработки
На рабочей области экрана остался один элемент. Это макет . В нём позиция дочерних элементов может быть описана по отношению друг к другу или к родителю. Подробнее о макетах можно узнать здесь.
Два атрибута, ширина и высота (android:layout_width и android:layout_height), требуются для всех элементов для того, чтобы указать их размер.
Так как - это корень в макете, то нужно, чтобы он заполнял всю область экрана. Это достигается при помощи установки параметра "match_parent" для ширины и высоты. Это значение указывает, что ширина и высота элемента будет равна ширине и высоте родителя.
Рис. 6.4. Свойства элемента
Как установить это значение? Будем разбираться.
Однократным щелчком левой кнопкой мыши по надписи "Width" активируйте строку с параметрами ширины:
Рис. 6.5. Свойства элемента, выбран атрибут android:layout_width
Щелчком левой кнопки мыши по области ввода вызовите диалоговое окно, и двойным щелчком сделайте выбор параметра:
Рис. 6.6. Свойства элемента, выбран параметр "match_parent"
Или щелчком правой кнопки мыши по в Outline:
Рис. 6.7. Контекстное меню элемента
При выполнении первого способа вы увидели еще два возможных параметра: "fill_parent" и "wrap_content".
На самом деле, match_parent = fill_parent, но "fill_parent" считается устаревшим, и к использованию в новых проектах предлагается "match_parent".
Параметр "wrap_content" указывает, что представление будет увеличиваться при необходимости, чтобы поддерживать соответствие содержанию экрана.
Достарыңызбен бөлісу: |