Разработка приложений под Android. Выпуск 16 от 31.12.2019. (comp.news.android) : Рассылка : Subscribe.Ru

Подписаться Бесплатная «Серебряная» новостная рассылка . Подписчиков 51 RSS

← Декабрь 2019 →
	1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31

За последние 60 дней ни разу не выходила

Сайт рассылки: http://mimags.ru
Открыта: 29-08-2012

Автор

Михаил

Статистика

51 подписчиков
0 за неделю

← Все выпуски →

Разработка приложений под Android. Выпуск 16 от 31.12.2019.

Уважаемые читатели! Перед вами шестнадцатый выпуск рассылки по созданию приложений для платформы Android. Сайт рассылки - http://mimags.ru, зеркало - http://inwoo.atwebpages.com.В предыдущем выпуске рассматривался запуск на эмуляторе приложения для Android, которое отображает «Hello, World!».

В данном выпуске рассмотрим использование редактора макетов Android Studio для создания макета, включающего текстовое поле и кнопку (рис. 1).

Пользовательский интерфейс (user interface - UI) для приложения Android построен в виде иерархии макетов и виджетов. Макеты являются объектами ViewGroup, контейнерами, которые управляют тем, как их дочерние представления расположены на экране. Виджеты - это объекты View, компоненты пользовательского интерфейса, такие как кнопки и текстовые поля.

На рис. 2 приведена иллюстрация того, как объекты ViewGroup формируют ветви в макете и содержат объекты View.

Android предоставляет словарь XML для классов ViewGroup и View, поэтому большая часть вашего пользовательского интерфейса определена в файлах XML. Однако вместо того, чтобы учиться писать XML, в этом урок рассмотрим создание макета с помощью редактора макетов Android Studio.

Открываем редактор макетов. Настраиваем рабочее пространство следующим образом:

1. В окне «Проект» открываем MyFirstApplication->app->src->main->res->layout> activity_main.xml.

2. Чтобы освободить место для редактора макетов, скрываем окно «Project». Для этого выбираем View->Tool Windows->Project, или просто нажимаем «-» (рис. 3) в левой части экрана Android Studio.

3. Если ваш редактор показывает источник XML, перейдите на вкладку «Design» в нижней части окна (рис. 4).

4. Нажмите «Select Design Surface» (рис. 5) и выберите « Blueprint».

5. Нажмите Show (рис. 6) на панели инструментов редактора макетов и убедитесь, что флажок Show All Constraints (Показать все ограничения) установлен.

6. Убедитесь, что Autoconnect (автоподключение) выключен. Всплывающая подсказка на панели инструментов отображает «Enable Autoconnection to Parent» (Включить автоподключение к родительскому элементу), когда автоподключение отключено (рис. 7).

7. Нажмите «Default Margins» (Поля по умолчанию) на панели инструментов и выберите 16 . При необходимости вы можете настроить поля для каждого просмотра позже.

8. Нажмите «Устройство для предварительного просмотра» на панели инструментов и выберите устройство (например, Xiaomi Mi A2 Lite).

Ваш редактор макетов теперь выглядит так, как показано на рис. 8.

В следующем выпуске продолжим рассмотрение использования редактора макетов.

Всего доброго, уважаемые читатели. С наступающим Новым Годом!

В избранное