Android 6 Двумерная графика и обработка касаний

Рассматриваемые вопросы

Обнаружение событий, связанных с касанием экрана, перемещением пальца вдоль экрана

Целевое приложение

Функции
Рисование одним или несколькими пальцами
Изменение цвета и толщины линии
Очистка экрана
Сохранение

Используемые возможности

методы жизненного цикла активности и фрагмента (onResume, onPause)
пользовательские представления (расширение

Создание проекта

Имя проекта: L4 Doodlz
Android 6, API 23
Шаблон: Basic Activity
флажок Use

Добавление библиотеки поддержки

Для использования класса PrintHelper в приложении необходима библиотека поддержки

Определение строковых ресурсов

Определение строковых ресурсов

Импорт необходимых значков меню

File→New→Vector Asset (при активной корневой папке проекта)

Next→Finish

Аналогично

Создание меню

Удалить файл main.xml, а также методы onCreateOptionsMenu() и onOptionsItemSelected() из

Добавление разрешения в манифест

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

Построение графического интерфейса

Построение графического интерфейса

Создать новый java-класс

Построение графического интерфейса

Описать конструктор

Построение графического интерфейса

Использовать созданный класс во фрагменте

Построение графического интерфейса. Макет для выбора цвета

Создать новый ресурс макета (res/layout →

Построение графического интерфейса. Макет для выбора цвета

Добавить colorView в макет fragmentColor
Задать ресурс

Построение графического интерфейса. Макет для выбора цвета

Задать свойства компонентов

Построение графического интерфейса. Макет для выбора цвета

Построение графического интерфейса. Макет для выбора цвета

Построение графического интерфейса. Макет для выбора цвета

Если ресурсы @dimen/activity_horizontal_margin и @dimen/activity_horizontal_margin неизвестны,

Создать новый ресурс макета (res/layout → New → Layout Resource File)

Построение графического интерфейса. Макет для выбора толщины линии

Построение графического интерфейса. Макет для выбора толщины линии

Создать новый класс LineWidthDialogFragment
Класс для

Описание классов

MainActivity — родительская активность для фрагментов приложения
MainActivityFragment — управляет DoodleView

// Определение размера экрана int screenSize = getResources().getConfiguration().screenLayout & Configuration.SCREENLAYOUT_SIZE_MASK; // Альбомная ориентация

Класс MainActivityFragment

Поля

private DoodleView doodleView; // Обработка событий касания и рисования
// Отслеживание

Класс MainActivityFragment

Методы (создание главного фрагмента)

фрагмент, как и активность, может размещать элементы

Класс MainActivityFragment

Методы (регистрация движений устройства)

прослушивание показаний акселерометра должно быть включено только

Класс MainActivityFragment

Методы (прекращение регистрации движений)

метод onPause() перегружен, чтобы отключить прослушивание событий

Класс MainActivityFragment

Методы (обработка движений устройства)

метод onSensorChanged() анонимного внутреннего класса на базе

Класс MainActivityFragment

Методы (создание и обработка событий меню)

метод onOptionsItemSelected() обрабатывет действие пользователя,

Класс MainActivityFragment

Методы (инициирование сохранения изображения)

метод saveImage() вызывается методом onOptionsItemSelected(), когда пользователь

Класс MainActivityFragment

onRequestPermissionsResult() получает код запроса на разрешение доступа к внешнему хранилищу

Класс MainActivityFragment

Методы (получение доступа к области рисования)

методы getDoodleView() и setDialogOnScreen() вызываются

Класс DoodleView

Класс DoodleView

Обрабатывает касания пользователя и рисует соответствующие линии

Поля

pathMap связывает идентификатор каждого

Класс DoodleView

Конструктор

Класс DoodleView

размер DoodleView определяется только после того, как представление будет заполнено

Класс DoodleView

очищает коллекции pathMap и previousPointMap
стирает Bitmap, заполняя все пикселы белым

Класс DoodleView

getDrawingColor() используется в ColorDialogFragment
getLineWidth() используется в LineWidthDialogFragment

Методы (получение и установка

Класс DoodleView

onDraw() вызывается автоматически, когда представлению требуется перерисовка
drawBitmap() отображает объект bitmap

Класс DoodleView

Методы (регистрация касаний)

onTouchEvent() вызывается при событии касания
возможны многоточечные касания
каждому указателю

Класс DoodleView

Методы (новая линия при первом касании)

touchStarted() вызывается при первом касании
сохраняются

Класс DoodleView

Методы (рисование при движении указателя по экрану)

touchMoved() вызывается при движении

Класс DoodleView

Методы (рисование при движении указателя по экрану)

линия строится только при

Класс DoodleView

Методы (отведение указателя от экрана)

touchEnded() вызывается, когда пользователь отводит указатель

Класс DoodleView

Методы (сохранение изображения в файл)

saveImage() вызывается из главного фрагмента
имя файла

Класс DoodleView

Методы (сохранение изображения в файл)

location содержит URL созданного изображения или

Класс DoodleView

Методы (печать изображения)

printImage() вызывается из главного фрагмента и использует класс

Класс ColorDialogFragment

Класс ColorDialogFragment

Расширяет DialogFragment для создания окна AlertDialog, в котором определяется цвет

Класс ColorDialogFragment

Поля

alphaSeekBar, redSeekBar, greenSeekBar, blueSeekBar предназначены для доступа к соответствующим регуляторам

Класс ColorDialogFragment

Методы (инициализация диалога)

Класс ColorDialogFragment

Методы (инициализация диалога)

для всех интерактивных элементов цветовых компонент назначается одинаковый

Класс ColorDialogFragment

Методы (инициализация диалога)

setPositiveButton() создаёт в диалоге кнопку положительного ответа и

Класс ColorDialogFragment

Методы (получение ссылки на DoodleFragment )

getDoodleFragment() использует объект FragmentManager для

Класс ColorDialogFragment

Методы (действия при добавлении и удалении диалога)

методы вызываются при добавлении/удалении

Класс ColorDialogFragment

Методы (обработка событий компонентов SeekBar)

используется анонимный внутренний класс OnSeekBarChangeListener
проверка fromUser

Класс ColorDialogFragment

Методы (обработка событий компонентов SeekBar)

методы onStartTrackingTouch() и onStopTrackingTouch() объявлены в

Класс LineWidthDialogFragment

Класс LineWidthDialogFragment

Расширяет DialogFragment для создания окна AlertDialog, в котором определяется толщина

Класс LineWidthDialogFragment

Методы (инициализация диалога)

макет фрагмента fragment_line_width загружается из ресурсов
widthImageView получает ссылку

Класс LineWidthDialogFragment

Методы (инициализация диалога)

положение «ползунка» выставляется на основе текущей толщины линии

Класс LineWidthDialogFragment

Методы (получение ссылки на DoodleFragment и действия при добавлении/удалении диалога)

методы

Класс LineWidthDialogFragment

Методы (обработка событий компонента SeekBar)

образец линии отображается на объекте bitmap

используется

Класс LineWidthDialogFragment

Методы (обработка событий компонента SeekBar)

методы onStartTrackingTouch() и onStopTrackingTouch() объявлены в

Класс EraseImageDialogFragment

Класс EraseImageDialogFragment

Расширяет DialogFragment для создания окна AlertDialog, в котором пользователь подтверждает

Класс EraseImageDialogFragment

Методы (инициализация диалога)

создание диалога с двумя кнопками
при нажатии кнопки положительного

Класс EraseImageDialogFragment

Методы (получение ссылки на DoodleFragment и действия при добавлении/удалении диалога)

методы

Интернационализация

Интернационализация

Проверка на планшете