Вызов на рабочее поле палитры Palette. Ее общий состав. Свойства элементов

Лабораторная работа № 2 Графический И программный способы проектирования элементов приложений

Цель: Освоить методы графического проектирования управляющих элементов форм с помощью средств вкладок Палитра (Palette) и Свойства (Properties).

Вначале рассмотрим, каким образом в проекте Hello World можно изменить надпись на единственном элементе экрана, имеющем тип label. Для этого щелкаем по названию файла string.xml в строке над рабочим полем и открываем его текст. В нем набираем вместо слов Hellow World слова Первый проект (рис.2.1).

Рис.2.1. Переименования названия метки в тексте файла string.xml

Теперь именно эти слова будут демонстрироваться вместе с изображением устройства (рис.2.2).

Вызов на рабочее поле палитры Palette. Ее общий состав. Свойства элементов

Для вызова на рабочее поле изображения устройства и палитры Palette необходимо вызвать Preview. При этом на рабочем поле появится изображения устройства, а внизу появляются две кнопки – Design и Text. Необходимо щелкнуть по кнопке Design, после чего на рабочем поле появится изображение палитры Palette (рис.2.2).

Рис.2.2. Вид рабочего поля после вызова на рабочее поле изображения устройства и палитры Palette

Во вкладке Palette содержится набор элементов приложений, которые позволяют как формировать общий вид его формы, так и выполнять все необходимые действия – ввод/вывод текста и изображений, расчеты и др. Эти элементы можно передавать на форму простым перетаскиванием при помощи мыши. Базовые операции над ними (Сut, Copy и др.) можно выполнить после нажатия правой кнопки мыши и указания в появляющемся меню (рис.2.2).

Свойства элементов раскрываются в крайней правой вкладке рабочей области (рис.2.2). На панели Palette находятся следующие группы элементов пользовательского интерфейса.

1. Layouts – макеты, планы, задающие общий фон некоторого контейнера (это может быть вся сцена или только ее часть) и (возможно) способы размещения на ней других (дочерних) элементов.

2. Widgets – управляющие элементы (кнопки, списки, ползунки), с помощью которых пользователь непосредственно выполняет все необходимые действия. Данную группу элементов также называют управляющими (control).

3. Text Fields – текстовые поля, через которые производится ввод/вывод необходимых текстов.

4. Containers – контейнеры с элементами управления.

5. Date&Time – часы, таймеры, календари.

6. Expert –средства проверки и контроля.

7. Custom – настройки.

Группы сворачиваются и разворачиваются при щелчке на условных изображениях их экранов.

Соотношение между элементами интерфейса следующее. Макет из группы Layouts задает общие правила построения графического диалогового окна, а управляющие элементы из группы Widgets и текстовые поля из группы Text Fields позволяют выполнять все необходимые операции в нем. Последние 4 группы используются для выполнения вспомогательных действий.

Все элементы имеют общие стандартные свойства: координаты положения на экране, ширина, высота, цвет и др., смысл которых понятен из их названий. Однако помимо них используются и другие свойства с помощью которых можно определять способы задания размеров и относительного положения дочерних элементов. Рассмотрим их.

Свойство Weight (вес) применяется для ранжирования элементов формы по их значимости в контейнере. Допустим, в некотором контейнере находятся три элемента управления: у первого вес равен 1, у двух других - 0. В этом случае элемент с весом 1 займет в контейнере все свободное пространство. В случае распределения весов между элементами 2 и 1 первый займет 2/3 части экрана, а второй - оставшуюся 1/3 часть. Использование атрибута android:weightSum позволяет переопределить расчёт весов. Например, установить сумму в значение 1 и у дочерних элементов использовать значения от 0.0 до 1.0.

Свойство gravity (тяжесть, притяжение) - означает ориентация в контейнере (alignment). Например, если требуется выровнять текст надписи по правому краю, то свойство gravity будет иметь значение right. Набор значений для gravity достаточно ограничен: left, center, right, top, bottom, center_vertiсаl, сliр_horizontal и еще некоторые другие. В Android есть два сходных атрибута выравнивания: android: gravity и android: layout_gravity. Разница заключается в том, что android: gravity - это настройка, используемая видом, а android: layout_gravity применяется контейнером. Например, можно установить для android: gravity значение center, чтобы текст в EditText был выровнен по центру. Аналогичным образом можно выровнять EditText по правому краю LinearLayout (который является контейнером), установив android: layout_gravity="right".

Tag (атрибут android:tag) – это тег, в котором можно храненить промежуточные данных элементов. Также теги можно устанавливать программно.

Наложение двух элементов. Можно использовать не только положительные, но и отрицательные значения для атрибута layout_marginBottom или родственных ему. При этом можно наблюдать эффект, когда следующий элемент будет "наезжать" на текущий элемент.

Идентификаторы. Тем элементам, к которым предусматривается обращение в программном коде, нужно обязательно присваивать идентификаторы. Кроме того, они помогут сохранить состояние при поворотах: текст в текстовых полях, статус переключателей и т.д.