6. Создание UI

Transcript

1. Создание UI Шишкин Е. П.
2. Элементы UI • View Базовый строительный блок для компонентов UI с которым пользователь может взаимодействовать. • ViewGroup Контейнер для View и других ViewGroup. Является базовым элементом для макетов. Имеет свойство LayoutParams которое определяет порядок расположения элементов в контейнере.
4. View • TextView Виджет для отображения текста без возможности его редактирования. • ImageView Виджет для отображения графического ресурса. • Button Виджет кнопки • EditText Виджет для отображения текста с возможностью редактирования • CheckBox Флажок • RadioButton Кнопка с двумя состояниями ( выбрано/не выбрано) • Switch Переключатель м/д двумя состояниями. • …
5. ViewGroup • LinearLayout Организует расположение дочерних элементов горизонтально/вертикально • RelativeLayout Организует дочерние элементы друг относительно друга или относительно родителя • FrameLayout Позволяет динамически изменять элементы управления в компоновке. • TableLayout Организует дочерние элементы в виде таблицы • GridLayout Организует дочерние элементы в виде экранной сетки
6. LayoutParams
7. LinearLayout Представляет из себя ViewGroup который выравнивает расположение всех дочерних элементов в одном направлении - вертикально или горизонтально
8. LinearLayout • android:orientation Задает направление расположения дочерних элементов. • android:layout_weight Задает вес элемента. Вес обозначает сколько места должен занимать элемент. По-умолчанию значение равно 0.
9. LinearLayout
10. RelativeLayout Положение каждого View может быть определено как по отношению к родственным элементам (например, с лева или ниже другого View) или в положениях относительно родительского RelativeLayout области (например, в соответствие с нижней, левой границей или центра).
11. RelativeLayout • android:layout_alignParentTop • android:layout_centerVertical • android:layout_below • android:layout_toRightOf
12. RelativeLayout
13. Пример интерфейса Parent Container Name Container Address Container
14. Создание UI в XML
15. Создание UI в коде
16. Создание UI в XML с кодом • Определение кнопки в XML-разметке и присвоение ей уникального идентификатора. • Поиск кнопки в методе onCreate в Activity.
17. Создание UI в XML с кодом • Определение обработчика в XML-разметке. • Инициализация обработчика в методе onCreate в Activity.
18. Создание UI в XML с кодом КНОПКА Адрес Имя
19. Создание UI в XML с кодом
20. Ссылки • http://developer.android.com/guide/topics/ui/ index.html