Если вы новичок в , вы попали в идеальное место, чтобы начать изучение дизайна макета. Эта статья об учебнике по дизайну макета Android поможет вам выйти изнесколько полезных советов по улучшению дизайна пользовательского интерфейса, а также объясняет, как разработать пользовательский интерфейс.
Я буду обсуждать следующие темы:
Итак, приступим!
приведите двойное значение к int в Java
Руководство по дизайну макета Android: введение в компоненты пользовательского интерфейса
Говоря о компонентах пользовательского интерфейса, типичный пользовательский интерфейс любого приложения для Android состоит из следующих компонентов:
- Панель основных действий
- Просмотр управления
- Область содержимого
- Разделить панель действий
Они играют важную роль при разработке сложного приложения. Вы получите четкое представление об этом, когда мы перейдем к демонстрационному разделу этой статьи.
Еще одним важным фактором, который помогает в настройке дизайна пользовательского интерфейса, является компонент представления.
Давайте посмотрим, что такое View в
Руководство по дизайну макета Android: Взгляды
К Посмотреть считается основным строительным блоком для правильного пользовательского интерфейса, который фактически создается из Посмотреть класс . Он занимает прямоугольную область на экране и в конечном итоге обеспечивает рисование и обработку событий.
Представление - это базовый класс для виджетов, которые используются для создания интерактивных компонентов пользовательского интерфейса, таких как кнопки, текстовые поля и т. Д. Теперь, говоря о прямоугольной области или поле, это может быть изображение, фрагмент текста, кнопка или все, что может отображать приложение для Android. Прямоугольник здесь фактически невидим, но каждый вид занимает форму прямоугольника.
У вас может возникнуть вопрос, какого размера может быть этот прямоугольник?
Ответ заключается в том, что вы можете установить его вручную, указав точный размер (с соответствующими единицами измерения) или используя некоторые предопределенные значения. Эти предопределенные значения match_parentи wrap_content. Эта match_parent означает, что он будет занимать все пространство, доступное на дисплее устройства. В то время как, обернуть содержимое означает, что он будет занимать ровно столько места, сколько требуется для отображения его содержимого.
Теперь давайте укажем на основные различия между View и ViewGroup.
Посмотреть
- Посмотреть объекты - это основные строительные блоки элементов пользовательского интерфейса в Android.
- Представление - это простой прямоугольник, который реагирует на действия пользователя.
- View относится к классу android.view.View, который является базовым классом всех классов пользовательского интерфейса.
- Примеры: EditText, Button, CheckBox и т. Д.
ViewGroup
- ViewGroup это невидимый контейнер, который содержит View и ViewGroup.
- ViewGroup - это базовый класс для Макеты .
- Например, LinearLayout - это ViewGroup, которая содержит кнопку (View), а также другие макеты.
Теперь давайте продвинемся вперед и разберемся с имеющимися макетами.
Руководство по дизайну макета Android: Типы макетов
К макет определяет структуру пользовательского интерфейса в приложении. Все элементы в макете построены с использованием иерархии Посмотреть и ViewGroup объекты.
Теперь давайте посмотрим, как объявить макет.
Объявить макет можно двумя способами:
Объявите элементы пользовательского интерфейса в XML. Android предоставляет простой словарь XML, который соответствует классам и подклассам View, например, для виджетов и макетов.
Заметка: Вы также можете использовать редактор макетов Android Studio для создания макета XML с помощью интерфейса перетаскивания.
Создайте экземпляры элементов макета в время выполнения . Приложение может создавать Посмотреть и ViewGroup объекты и программно управлять их свойствами.
Давайте обсудим различные типы макетов.
Пользовательский интерфейс в Android представляет собой иерархию представлений и групп просмотра. Группы представлений будут промежуточными узлами в иерархии, а представления - конечными узлами.
- Линейный макет
- Абсолютный макет
- Относительный макет
- Макет стола
- Макет кадра
Обсудим их подробнее.
Линейный макет
Линейный макет используется для размещения одного элемента в каждой строке. Итак, все элементы будут расположены упорядоченно сверху вниз. Это очень широко используемый макет для создания форм на Android. Ее также можно назвать группой представлений, которая выравнивает всех дочерних элементов в одном направлении, вертикально или горизонтально.
Абсолютный макет
В абсолютном макете вы можете указать точные координаты каждого элемента управления, который хотите разместить. В этом типе макета вы можете указать точные координаты X и Y каждого элемента управления. Он позволяет вам указать точное местоположение его дочерних элементов.
Относительный макет
Относительный макет - это ViewGroup который отображает дочерние представления в относительных положениях. Тыможет указывать положение элементов по отношению к другим элементам или по отношению к родительскому контейнеру.
Макет стола
Используя макет таблицы, вы можете создать таблицу со строками и столбцами и разместить в них элементы. В каждой строке вы можете указать один или несколько элементов. Вы можете использовать эту команду для создания нового макета таблицы.
Макет кадра
Макет кадра используется, когда вы хотите показать по одному элементу на каждом экране. Используя макет фрейма, вы можете иметь несколько элементов.Этот макет фрейма является заполнителем на экране, который вы можете использовать для отображения одного вида.
Руководство по дизайну макета Android: Меры измерения
Когда вы указываете размер элемента в пользовательском интерфейсе Android, вам обязательно следует помнить о следующих единицах измерения.
| Единица измерения | Описание |
|---|---|
| дп | Независимый от плотности пиксель. 1dp эквивалентно одному пикселю на 160 точек на дюйм экран. |
| зр | Масштабировать независимый пиксель. Это очень похоже на dp, но рекомендуется только для указания размеров шрифта. |
| pt | Точка. Точка определяется как 1/72 дюйма. |
| px | Пиксель. Соответствует реальным пикселям на экране |
А теперь перейдем к последней теме этой статьи.
Руководство по дизайну макета Android: Демо
В этом демонстрационном разделе давайте поймем, как работать с макетами в Android Studio .
Обратитесь к в Android Studio.
Так выглядит макет. Просто выберите объект для рисования, и вы найдете несколько классов, выберите любой другой класс в этом элементе. Вы можете либо закодировать структуру макета, либо просмотреть дизайн и просто перетащить компоненты в пространство дизайна.
Вы можете просмотреть компоненты, которые вы выбрали, в дереве компонентов.
Вы также можете найти их в макете.
- Палитра : Содержит список представлений и групп представлений, которые вы можете перетащить в свой макет.
- Составная часть Дерево : Состоит из иерархии представлений для вашего макета.
- Панель инструментов : Кнопки для настройки внешнего вида макета в редакторе и для изменения некоторых атрибутов макета.
- Редактор дизайна : Макет в режиме просмотра «Дизайн» или «Чертеж» или в обоих режимах. Также считается дизайнерским пространством.
- Атрибуты : Управляет атрибутами выбранного представления.
На этом мы подошли к концу статьи «Учебное пособие по дизайну макетов для Android». Надеюсь, вы, ребята, понимаете, о чем вам рассказали в этом уроке.Следите за обновлениями других блогов и удачи в карьере разработчика Android.
Теперь, когда вы поняли основы дизайна макета Android, ознакомьтесь с от Edureka, надежной компании по онлайн-обучению с сетью из более чем 250 000 довольных учащихся по всему миру.
Сертификационный курс по разработке приложений для Android от Edureka предназначен для студентов и профессионалов, которые хотят стать разработчиками Android. Курс разработан, чтобы дать вам хорошее начало в программировании на Java и обучить вас как основным, так и продвинутым концепциям, а также проекту, в котором вы, как ожидается, создадите приложение на Android.
Есть вопрос к нам? Пожалуйста, укажите это в разделе комментариев этого блога «Учебное пособие по дизайну макета Android», и мы свяжемся с вами как можно скорее.