Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

Презентация на тему Варианты создания UI в Android

Содержание

Разметка экранаРасположение составных элементов (текста, заголовков, изображений, таблиц) на странице документа экране.
Android – второе занятие Разметка экранаРасположение составных элементов (текста, заголовков, изображений, таблиц) на странице документа экране. Варианты создания UI в AndroidСоздать элементы управления программно в коде(java)Объявить элементы интерфейса в XMLСочетание обоих способов Компоненты экранаКаждый компонент экрана является наследником View.Все компоненты экрана можно разделить на Компоненты экранаWidget – компонент для взаимодействия с пользователемViewGroup – контейнер размещающий и Примеры Widget-овTextView, EditText, Button, ImageView, RadioButton и др.https://developer.android.com/guide/topics/ui/controls.html?hl=ru3-я глава https://metanit.com/java/android/3.1.php ViewЛюбой компонент экрана имеет минимальный набор параметров. Например: layout_width, layout_height, visibility, id, layout_width, layout_heightДлина и ширина View элемента. Определяется не самим элементом а контейнером LayoutParamsСпециальный контейнер атрибутов, который передается каждому потомку контейнера. Каждый контейнер может определить ViewGroupLinearLayout, RealativeLayout, FrameLayoutБолее полный список 3-я глава. https://metanit.com/java/android/3.2.php FrameLayoutКонтейнер FrameLayout предназначен для вывода на экран одного помещенного в него визуального LinearLayoutУпорядочивает все дочерние элементы в одном направлении: по горизонтали или по вертикали. RelativeLayoutРасполагает дочерние элементы относительно позиции других дочерних элементов или относительно себя с Размерыpx: пиксели текущего экрана.dp: (device-independent pixels) независимые от плотности экрана пиксели.sp: (scale-independent dp (device-independent pixels)Абстрактная единица измерения, основанная на физической плотности экрана с разрешением sp: (scale-independent pixels)Независимые от масштабирования пиксели. Допускают настройку размеров, производимую пользователем. Рекомендуются Домашнее заданиеСверстать калькулятор СПАСИБО ЗА ВНИМАНИЕСергей Полуэктовдиректор
Слайды презентации

Слайд 2 Разметка экрана
Расположение составных элементов (текста, заголовков, изображений, таблиц)

Разметка экранаРасположение составных элементов (текста, заголовков, изображений, таблиц) на странице документа экране.

на странице документа экране.


Слайд 3 Варианты создания UI в Android
Создать элементы управления программно

Варианты создания UI в AndroidСоздать элементы управления программно в коде(java)Объявить элементы интерфейса в XMLСочетание обоих способов

в коде(java)
Объявить элементы интерфейса в XML
Сочетание обоих способов


Слайд 5 Компоненты экрана
Каждый компонент экрана является наследником View.
Все компоненты

Компоненты экранаКаждый компонент экрана является наследником View.Все компоненты экрана можно разделить

экрана можно разделить на две группы: widgets, view group.


Слайд 6 Компоненты экрана
Widget – компонент для взаимодействия с пользователем
ViewGroup

Компоненты экранаWidget – компонент для взаимодействия с пользователемViewGroup – контейнер размещающий

– контейнер размещающий и измеряющий вложенные View элементы.
Конечную структуру

верстки можно представить в виде дерева.



Слайд 7 Примеры Widget-ов
TextView, EditText, Button, ImageView, RadioButton и др.
https://developer.android.com/guide/topics/ui/controls.html?hl=ru
3-я

Примеры Widget-овTextView, EditText, Button, ImageView, RadioButton и др.https://developer.android.com/guide/topics/ui/controls.html?hl=ru3-я глава https://metanit.com/java/android/3.1.php

глава https://metanit.com/java/android/3.1.php


Слайд 8 View
Любой компонент экрана имеет минимальный набор параметров.
Например:

ViewЛюбой компонент экрана имеет минимальный набор параметров. Например: layout_width, layout_height, visibility,

layout_width, layout_height, visibility, id, background и др.
Полный список -

https://developer.android.com/reference/android/view/View.html



Слайд 9 layout_width, layout_height
Длина и ширина View элемента. Определяется не

layout_width, layout_heightДлина и ширина View элемента. Определяется не самим элементом а

самим элементом а контейнером в котором лежит.
Принимает значение: MATCH_PARENT(по

размеру предка), WRAP_CONTENT(по размеру контента), Конкретное числовое значение.
Задается не для самого элемента, а с помощью объекта LayoutParams



Слайд 10 LayoutParams
Специальный контейнер атрибутов, который передается каждому потомку контейнера.

LayoutParamsСпециальный контейнер атрибутов, который передается каждому потомку контейнера. Каждый контейнер может

Каждый контейнер может определить свои нестандартные атрибуты для потомков.

Базовый набор реализован в ViewGroup.LayoutParams (layout_width, layout_height).



Слайд 11 ViewGroup
LinearLayout, RealativeLayout, FrameLayout
Более полный список 3-я глава. https://metanit.com/java/android/3.2.php

ViewGroupLinearLayout, RealativeLayout, FrameLayoutБолее полный список 3-я глава. https://metanit.com/java/android/3.2.php

Слайд 12 FrameLayout
Контейнер FrameLayout предназначен для вывода на экран одного

FrameLayoutКонтейнер FrameLayout предназначен для вывода на экран одного помещенного в него

помещенного в него визуального элемента. Если же мы поместим

несколько элементов, то они будут накладываться друг на друга.



Слайд 13 LinearLayout
Упорядочивает все дочерние элементы в одном направлении: по

LinearLayoutУпорядочивает все дочерние элементы в одном направлении: по горизонтали или по

горизонтали или по вертикали. Все элемены расположены один за

другим. Направление разметки указывается с помощью атрибута android:orientation.




Слайд 14 RelativeLayout
Располагает дочерние элементы относительно позиции других дочерних элементов

RelativeLayoutРасполагает дочерние элементы относительно позиции других дочерних элементов или относительно себя

или относительно себя с помощью выставления правил. Например: layout_toLeftOf,

layout_alignParentBottom
Полный список правил - https://metanit.com/java/android/3.3.php



Слайд 15 Размеры
px: пиксели текущего экрана.
dp: (device-independent pixels) независимые от

Размерыpx: пиксели текущего экрана.dp: (device-independent pixels) независимые от плотности экрана пиксели.sp:

плотности экрана пиксели.
sp: (scale-independent pixels) независимые от масштабирования пиксели
pt:

1/72 дюйма, базируются на физических размерах экрана
mm: миллиметры
in: дюймы



Слайд 16 dp (device-independent pixels)
Абстрактная единица измерения, основанная на физической

dp (device-independent pixels)Абстрактная единица измерения, основанная на физической плотности экрана с

плотности экрана с разрешением 160 dpi (точек на дюйм).

В этом случае 1dp = 1px. Если размер экрана больше или меньше, чем 160dpi, количество пикселей, которые применяются для отрисовки 1dp соответственно увеличивается или уменьшается. Например, на экране с 240 dpi 1dp=1,5px, а на экране с 320dpi 1dp=2px. Общая формула для получения количества физических пикселей из dp: px = dp * (dpi / 160)



Слайд 17 sp: (scale-independent pixels)
Независимые от масштабирования пиксели. Допускают настройку

sp: (scale-independent pixels)Независимые от масштабирования пиксели. Допускают настройку размеров, производимую пользователем.

размеров, производимую пользователем. Рекомендуются для работы со шрифтами. Аналог

em в web-верстке



Слайд 18 Домашнее задание
Сверстать калькулятор

Домашнее заданиеСверстать калькулятор

  • Имя файла: varianty-sozdaniya-ui-v-android.pptx
  • Количество просмотров: 130
  • Количество скачиваний: 0