Уважаемые читатели! Перед вами шестнадцатый выпуск рассылки по созданию приложений для платформы 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.
В следующем выпуске продолжим рассмотрение использования редактора макетов. Всего доброго, уважаемые читатели. С наступающим Новым Годом!
|
Комментарии
Отправить комментарий