54. Layouts в Android. Класс Handler, таймеры, типы макетов - презентация, доклад, проект скачать

Нажмите для полного просмотра!

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №1

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №2

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №3

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №4

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №5

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №6

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №7

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №8

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №9

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №10

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №11

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №12

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №13

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №14

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №15

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №16

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №17

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №18

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №19

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №20

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №21

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №22

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №23

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №24

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №25

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №26

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №27

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №28

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №29

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №30

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №31

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №32

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №33

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №34

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №35

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №36

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №37

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №38

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №39

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №40

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №41

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №42

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №43

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №44

54. Layouts в Android. Класс Handler, таймеры, типы макетов, слайд №45

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему 54. Layouts в Android. Класс Handler, таймеры, типы макетов. Доклад-сообщение содержит 45 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1

Описание слайда:

Layouts

Слайд 2

Описание слайда:

План презентации Класс Handler Практика на работу с таймерами Основные типы макетов Android Relative Layout Linear Layout Grid Layout Frame Layout Обзор Constraint Layout Практика

Слайд 3

Описание слайда:

Который час? (XML) (Java)

Слайд 4

Описание слайда:

Handler Класс Handler предоставляет удобный способ работы с дополнительными потоками, не нарушая работу основного UI-потока. Отлично подходит для неоднократного выполнения определённого набора действий с заданным интервалом, либо для отложенного выполнения кода через некоторое время.

Слайд 5

Описание слайда:

Что почитать про Handler (урок 80-84) Альтернативы: классы Timer, AsyncTask

Слайд 6

Описание слайда:

Методы Handler post – добавляет в очередь на исполнение код объекта, реализующего интерфейс Runnable. Код, прописанный в методе run, практически без промедления начинает исполняться в параллельном потоке postDelayed – код метода run запускается не сразу, а через указанное количество миллисекунд postAtTime – код метода run запускается в указанное время removeCallbacks(this) – остановка таймера

Слайд 7

Описание слайда:

Практика на таймеры

Слайд 8

Описание слайда:

Задание №2 Приложение показывает в заголовке, сколько миллисекунд прошло после его запуска

Слайд 9

Описание слайда:

Задание №3 Приложение показывает, сколько времени осталось до НГ/ДР/окончания курса Android (обновление каждую секунду)

Слайд 10

Описание слайда:

Задание №4 Фонарик начинает моргать (полсекунды работает – полсекунды выключен). Если нет фонарика – пусть моргает кнопка.

Слайд 11

Описание слайда:

Домашнее задание Реализовать эффект бегущей строки в заголовке (как в новостях) Цвет фона приложения плавно меняется от чёрного к красному, от красного к жёлтому, от жёлтого – к зелёному Пользователю даётся 20 секунд, чтобы совершить максимально возможное количество кликов по кнопке. По истечении времени показать тост, который сообщает набранное количество кликов, и максимальный рекорд по итогам всех попыток Пользователь пишет сообщение в текстовом поле, и нажимает на кнопку. Фонарик начинает азбукой Морзе транслировать это сообщение

Слайд 12

Описание слайда:

Зачем нужны макеты Макет определяет внешний вид экрана, и для описания макета обычно используется формат разметки XML. Макеты содержат компоненты графического интерфейса - кнопки, текстовые поля и тд. Пользователь взаимодействует с этими компонентами, чтобы приложение выполняло нужные операции. До этих пор в примерах применялся только Relative Layout, но существуют и другие типы макетов.

Слайд 13

Описание слайда:

Типы макетов Android Relative Layout Linear Layout Grid Layout Frame Layout Table Layout Absolute Layout (deprecated!)

Слайд 14

Описание слайда:

Relative Layout В относительном макете входящие в него вьюшки размещаются в относительных позициях. Позиция каждой вьюшки определяется относительно других вьюшек в макете или относительно родительского макета. Например, текстовое поле можно разместить относительно верхнего края родительского макета, раскрывающийся список разместить под этим текстовым полем, а кнопку - относительно нижнего края родительского макета.

Слайд 15

Описание слайда:

Linear Layout В линейном макете вьюшки размещаются рядом друг с другом по вертикали или по горизонтали. Если используется вертикальное размещение, вьюшки отображаются в один столбец. В варианте с горизонтальным размещением вьюшки выводятся в одну строку.

Слайд 16

Описание слайда:

Grid Layout В табличном макете экран делится на строки и столбцы, на пересечении которых находятся ячейки. Можно указать, сколько столбцов должно входить в макет, где должны отображаться вьюшки, и сколько строк или столбцов они должны занимать.

Слайд 17

Описание слайда:

Relative Layout Относительный макет определяется элементом XML . Обязательно будет необходимо указать ширину и высоту макета атрибутами layout_width и layout_height! Значениями этих атрибутов могут быть match_parent, wrap_content или конкретные размеры, например 10dp.

Слайд 18

Описание слайда:

wrap_content и match_parent Значение "wrap_content" означает, что размеры макета должны быть минимально достаточными для того, чтобы разместить все вьюшки, а "match_parent" означает, что размеры макета выбираются по размерам родителя — например, это может быть размер экрана без учёта отступов.

Слайд 19

Описание слайда:

Аппаратно-независимые пикселы Некоторые устройства создают очень чёткие изображения за счёт использования очень маленьких пикселов. Другие устройства обходятся дешевле в производстве, потому что они используют меньшее количество более крупных пикселов. Чтобы интерфейсы не были слишком мелкими на одних устройствах и слишком крупными на других, можно использовать аппаратно-независимые пикселы (dp). Размеры, выраженные в аппаратно-независимых пикселах, приблизительно одинаковы на всех устройствах.

Слайд 20

Описание слайда:

Отступы (padding) Если нужно, чтобы макет окружало некоторое пустое пространство, применяются атрибуты padding.

Слайд 21

Описание слайда:

Позиция вьюшки относительно родителя android:layout_alignParentBottom="true" android:layout_alignParentTop="true" android:layout_alignParentLeft="true" android:layout_alignParentRight="true" android:layout_centerInParent="true" android:layout_centerHorizontal="true" android:layout_centerVertical="true" ПРАКТИКА (проверка свойств)

Слайд 22

Описание слайда:

Позиция относительно другой вьюшки android:layout_above="@+id/view_id" android:layout_below="@+id/view_id" android:layout_alignTop="@+id/view_id" android:layout_alignBottom="@+id/view_id" android:layout_alignLeft="@+id/view_id" android:layout_alignRight="@+id/view_id" android:layout_toLeftOf="@+id/view_id" android:layout_toRightOf="@+id/view_id" ПРАКТИКА (проверка свойств)

Слайд 23

Описание слайда:

Интервалы (margin) Когда применяются атрибуты для размещения, вьюшки располагаются вплотную друг к другу. Чтобы вьюшки разделялись промежутками, нужно добавить интервалы. android:layout_marginTop="20dp" android:layout_marginBottom="20dp" android:layout_marginLeft="20dp" android:layout_marginRight="20dp"

Слайд 24

Описание слайда:

Linear Layout Линейный макет определяется при помощи элемента XML . ...

Слайд 25

Описание слайда:

Последовательность отображения При определении линейного макета вьюшки включаются в XML-макет в том порядке, в котором они должны следовать на экране. То есть, если нужно, чтобы надпись размещалась над кнопкой, надпись должна определяться первой в разметке. В линейном макете айдишники вьюшек понадобятся только в том случае, если нужно будет явно обращаться к ним из кода активити. Чтобы указать, где должна размещаться вьюшка, разработчику не нужно обращаться к другим вьюшкам.

Слайд 26

Описание слайда:

Пример линейной разметки android:hint="To" android:layout_weight="1" android:gravity="top" android:layout_gravity="right"

Слайд 27

Описание слайда:

Подсказки (hint) В двух текстовых полях выводятся подсказки “To” и “Message”. Подсказка представляет собой временный текст, который выводится в пустом текстовом поле. Этот текст дает пользователю представление о том, какие данные следует вводить в этом поле. Текст определяется при помощи атрибута android:hint.

Слайд 28

Описание слайда:

Весовой коэффициент Чтобы текстовое поле Message растянулось по вертикали, занимая всё свободное пространство макета, нужно было назначить этой вьюшке весовой коэффициент, или вес. Назначение весов — способ приказать вьюшке занять дополнительное пространство в макете. Для назначения веса вьюшке используется атрибут android:layout_weight. Практика: назначить полю To вес 2.

Слайд 29

Описание слайда:

Выравнивание содержимого Атрибут android:gravity позволяет указать, как содержимое должно размещаться внутри вьюшки. Например, как текст должен позиционироваться в текстовом поле. Если нужно, чтобы текст выводился у верхнего края, следующий фрагмент кода обеспечит нужный эффект: android:gravity="top". Другие значения: bottom, left, right, center_vertical, center_horizontal, center, fill_vertical, fill_horizontal, fill.

Слайд 30

Описание слайда:

Выравнивание самой вьюшки Атрибут android:layout_gravity позволяет указать, в какой части внешнего пространства должна находиться вьюшка в линейном макете. Например, атрибут может использоваться для смещения вьюшки вправо или для горизонтального выравнивания по центру. Для смещения кнопки вправо в её разметку включается следующий атрибут: android:layout_gravity="right"

Слайд 31

Описание слайда:

Grid Layout В табличном макете экран разбивается на строки и столбцы, а вьюшки связываются с ячейками. Количество столбцов в табличном макете задаётся следующим атрибутом: android:columnCount="2". Количество строк лучше доверить системе - Android создаст столько строк, сколько потребуется для отображения всех вьюшек.

Слайд 32

Описание слайда:

Особенности Grid Layout Как и в случае с линейным макетом, не обязательно назначать вьюшкам айдишники – т.к. им не придётся обращаться друг к другу в макете. По умолчанию табличный макет размещает вьюшки в порядке их следования в XML. Если создать табличный макет с двумя столбцами, табличный макет поместит первую вьюшку в ячейку 0-0, вторую – в ячейку 0-1, и тд. У такого решения есть один недостаток: исключение одной из вьюшек из макета может привести к серьёзному изменению внешнего вида макета. Чтобы избежать подобных проблем, можно указать явно, где должна быть каждая вьюшка и сколько столбцов она будет занимать.

Слайд 33

Описание слайда:

Построение эскиза Создание нового табличного макета начинается с построения эскиза. Это поможет понять, сколько строк и столбцов потребуется, где должна находиться каждая вьюшка и сколько столбцов она будет занимать.

Слайд 34

Описание слайда:

Пример табличной разметки android:layout_column="0" android:layout_row="0" android:layout_columnSpan="2"

Слайд 35

Описание слайда:

ViewGroup Не только компоненты графического интерфейса (вроде кнопок и текстовых полей) являются специализациями класса View. В иерархии Android макет является специализацией класса android.view.ViewGroup. Группа представлений — особая разновидность вьюшек, способных содержать другие вьюшки. А это значит, что элементом макета может быть другой макет!

Слайд 36

Описание слайда:

Пример вложенности макетов

Слайд 37

Описание слайда:

Frame Layout

Слайд 38

Описание слайда:

Frame Layout FrameLayout является самым простым типом разметки. Обычно это такое пространство на экране, которое можно заполнить только дочерними объектами View или ViewGroup. Все дочерние элементы FrameLayout прикрепляются к верхнему левому углу экрана. В разметке FrameLayout нельзя определить особое местоположение для дочернего объекта. Последующие дочерние объекты View будут просто рисоваться поверх предыдущих компонентов, частично или полностью перекрывая их.

Слайд 39

Описание слайда:

Практика Сделать кнопку, на которой есть и фоновая картинка, и текст (элемент Button, не ImageButton). Добиться эффекта, как на картинке с 33-го слайда: сделать FrameLayout, в нём разместить два элемента ImageView и один элемент TextView.