Северный (Арктический) федеральный университет им. М.В. Ломоносова
Опубликован: 10.04.2014 | Доступ: свободный | Студентов: 5396 / 513 | Длительность: 14:18:00
Специальности: Программист
Самостоятельная работа 3:

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

< Лекция 3 || Самостоятельная работа 3: 123456789 || Лекция 4 >

6.2.6 Кнопки "like" и "dislike"

Пришло время создать кнопки оценивания.

Для этого добавьте на форму <RelativeLayout>, задайте для него ширину и высоту wrap_content, и укажите id.

Снова в папку res/drawable/ нужно добавить файлы. Найдите изображения "Палец вверх" и "Палец вниз", и поместите их в эту папку, после чего обновите её.

Изображения и другие полезные файлы можно скачать здесь.

Добавьте <ImageButton>, выберите изображение "Палец вверх", и переместите <RelativeLayout> в такое положение:

Новая кнопка

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

Укажите "рамке" быть выше, чем поле с кнопкой оценки:

Контекстное меню "рамки"

увеличить изображение
Рис. 6.43. Контекстное меню "рамки"
Выбор элемента, выше которого должна быть "рамка"

увеличить изображение
Рис. 6.44. Выбор элемента, выше которого должна быть "рамка"

В результате должно получиться следующее:

Новое расположение элементов

увеличить изображение
Рис. 6.45. Новое расположение элементов

Добавьте еще одну кнопку - кнопку "Палец вниз". Она "наложилась" на первую кнопку. Чтобы это исправить, проделайте с <RelativeLayout> то же самое, что и с <LinearLayout>: растяните элемент влево и вправо, до получения такого результата:

Выравнивание области с кнопками

увеличить изображение
Рис. 6.46. Выравнивание области с кнопками

Теперь расставьте кнопки по краям так, чтобы они "прикрепились" к краям.

Выравнивание кнопок

увеличить изображение
Рис. 6.47. Выравнивание кнопок

Готово! Теперь можно запустить эмулятор и посмотреть, что получилось.

Главная активность

увеличить изображение
Рис. 6.48. Главная активность
< Лекция 3 || Самостоятельная работа 3: 123456789 || Лекция 4 >
Марат Нуриджанян
Марат Нуриджанян

Пример: Скачать среду можно с сайта для разработчиков Android (http://developer.android.com/sdk/index.html).

Там скачать можно только Android Studio

Владимир Каункин
Владимир Каункин

В самостоятельной работе 2 в примере решения задания некорректно загадывается число (в двух местах), выбирая случайное целое число из диапазона [0, 99] вместо [1, 100], как того требует условие. Кроме того, загадывание числа всё таки лучше вынести в отдельный метод, как мне кажется.
 

Александр Минкин
Александр Минкин
Россия, Елабуга, Елабужский государственный педагогический институт, 2001
Елена Миронова
Елена Миронова
Россия, Саратов, Саратовский государственный технический университет им. Гагарина