Основы разработки интерфейсов мобильных приложений

6.2.3 Добавление кнопки

Теперь добавьте <Button> в макет после элемента <EditText>:

увеличить изображение
Рис. 6.15. Новая кнопка

Чтобы кнопка трансформировалась в соответствии с текстом кнопки, ширина и высота должны быть установлены во "wrap_content".

Теперь поменяем надпись на кнопке на "Go!" с помощью ссылки на ресурс в XML-коде главной активности и добавления одного ресурса в файл strings.xml:

Рис. 6.16. Редактор XML-кода файла strings.xml

Сохраните.

На графическом редакторе главной активности будут изменения:

Рис. 6.17. Кнопка приняла новую форму, в соответствии с надписью на ней

Теперь, когда мы поместили два главных представления на <LinearLayout> элемент, настало время добавить ещё два параметра для этого элемента.

Речь идет о "приращении" правого и левого краёв лейаута к правому и левому краям <RelativeLayout> элемента соответственно. А сделать это проще простого - просто потяните мышкой один край к другому!

Рис. 6.18. "Приращение" правого края

Зелёные стрелки по краям дают понять, к какому элементу удалось прицепить край:

Рис. 6.19. <LinearLayout> после выравнивания

И, конечно, это отобразится в свойствах:

Рис. 6.20. Свойства <LinearLayout>