Общие правила проектирования элементов из групп Widgets и Text Fields

В простых проектах элемент из группы Layouts задает макет графического диалогового окна, управляющие элементы набираются из группы Widgets, а текстовые поля - из группы Text Fields.

В лаб. работе 1 без написания программного кода был создан простейший проект с одним элементом. Там же был рассмотрен код XML-файлов, в которых хранятся данные приложения. В качестве контейнера система по умолчанию взяла макет типа RelativeLayout, в котором предусматривается заполнение дочерними элементами с относительным заданием их расположения. В качестве его единственного дочернего элемента система выбрала элемент типа TextView, на котором дана необходимая надпись.

При проектировании графики приложений многие действия с элементами приложения можно выполнять, вставляя элементы в контейнеры и изменяя их свойства двумя способами.

Во-первых, вставлять элементы и изменять их свойства можно при помощи вкладок Palette (левый край рабочего стола) и Properties (правый край) (рис.2.2).

Во-вторых свойства элементов можно менять программно. Android поддерживает способ, основанный на XML-разметке. Файлы XML-разметки находятся в папке res/layout проекта. Сокращение "res" образовано от слова "resources" (ресурсы). Папка содержит ресурсы, не связанные с программным кодом приложения. Кроме разметки там же содержатся изображения, звуки, строки для локализации и т.д. Для ее просмотра надо слева в структуре проектов раскрыть папки res/layout, а также дважды щелкнуть по файле activity_main.xml (если он у вас закрыт) в строке над рабочей областью. XML-файлы можно просматривать в двух режимах: текстовом и визуальном. Для переключения их предназначены две кнопки внизу вкладки Palette: Design и Text. При нажатии кнопки Text откроется текстовый вид файла XML:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"

android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"

android:paddingRight="@dimen/activity_horizontal_margin"

android:paddingTop="@dimen/activity_vertical_margin"

android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity"

android:id="@+id/hello_world">

<TextView android:text="@string/hello_world" android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textSize="44dp"

android:id="@+id/textView" />

</RelativeLayout>

Обратите внимание на выполнение некоторых общих операций с элементами и макетами.

1. Перетаскивание элемента проще всего выполнить при помощи мыши.

2. Удаление элементов в режиме Design проще всего выполнить при помощи правой кнопки мыши (Delete), в режиме Text - стиранием соответствующего программного кода файле activity_main.xml.

3. Работа с цветами. При задании цветов (пункт Сolor) надо учитывать, что в Студии возможно использование 3 моделей раскраски пикселей растровых изображений:

- а) RGB (аддитивная “непрозрачная” модель Red+Green+Blue,

- б) ARGB (аддитивная “прозрачная” модель Red + Green + Blue + AlphaChannel (канал прозрачности),

- в) HSB - трехканальная модель цвета (hue - цветовой тон (насыщенный цвет, характеризуется положением на специальном цветовом круге и определяется величиной угла в диапазоне от 0 до 360 градусов), saturation – насыщенность (процент осветления, добавления к цвету белой краски) — это параметр цвета, определяющий его чистоту, brightness - яркость (процент затемнения, добавления черной краски).