RecyclerView и его компоненты. Распространенные ошибки

План

4/44

Проблематика

План

4/44

Проблематика
RecyclerView и его компоненты

План

4/44

Проблематика
RecyclerView и его компоненты
Распространенные ошибки

План

4/44

Проблематика

tinkoff.ru

Item списка

3/44

Item списка

3/44

Item списка

3/44

ScrollView

3/44

ScrollView

3/44

Минимум знаний
Быстрая реализация
Менеджер доволен (мало элементов)

ScrollView. Достоинства

4/44

Очень медленный
Memory Overflow
Менеджер недоволен (много элементов)

ScrollView. Недостатки

4/44

ListView

tinkoff.ru

ListView

Создает только те элементы, которые мы видим
Концепция переиспользования

Отображение
Скролл
Clicks

Структура ListView

4/44

ListView

Создает
Наполняет

Adapter

ListView Adapter

3/44

ListView Adapter

3/44

ListView Adapter

3/44

ListView Adapter

3/44

ListView Adapter

3/44

ListView Adapter

3/44

ViewHolder

3/44

ViewHolder

3/44

ViewHolder

3/44

ViewHolder

3/44

ViewHolder

3/44

Концепция переиспользования
Паттерн Adapter
Паттерн ViewHolder

ListView. Достоинства

4/44

Не умеет «из коробки» обрабатывать сложные жесты
Мало вариантов размещения элементов
Тяжело делать

tinkoff.ru

RecyclerView

tinkoff.ru

Решает проблемы ListView
Состоит из компонент
Большие возможности

RecyclerView

4/44

LayoutManager
Adapter

Компоненты RecyclerView

4/44

Основные

ItemDecorator
ItemTouchHelper
ItemAnimator
RecycledViewPool

Вспомогательные

RecyclerView.Adapter

tinkoff.ru

RecyclerView.Adapter API

4/44

Создание элемента

RecyclerView.Adapter API

4/44

Создание элемента
Количество элементов

RecyclerView.Adapter API

4/44

Создание элемента
Количество элементов
Наполнение элемента данными

RecyclerView.Adapter API

4/44

Создание элемента
Количество элементов
Наполнение элемента данными
Тип элемента (опционально)

RecyclerView.Adapter API

4/44

RecyclerView.Adapter

3/44

RecyclerView.Adapter

3/44

RecyclerView.Adapter

3/44

RecyclerView.Adapter

3/44

RecyclerView.ViewHolder

3/44

Хранит View элемента списка (holder.itemView)
Позиция элемента
Свойства переиспользуемости (holder.isRecycleable)
itemId

RecyclerView.ViewHolder

4/44

Notify* Api

tinkoff.ru

Уведомляет RecyclerView об изменении данных

RecyclerView.Adapter NotifyApi

4/44

Уведомляет RecyclerView об изменении данных
notifyDataSetChanged()

RecyclerView.Adapter NotifyApi

4/44

Уведомляет RecyclerView об изменении данных
notifyDataSetChanged()

RecyclerView.Adapter NotifyApi

4/44

Уведомляет RecyclerView об изменении данных
notifyDataSetChanged()
notifyItemChanged(), notifyItemRemoved(), notifyItemInsterted(), notifyItemMoved()

RecyclerView.Adapter NotifyApi

4/44

RecyclerView.Adapter NotifyApi

4/44

Красивая анимация при удалении элемента
notifyItemRemoved(index: Int)

Красивая анимация
Меньше созданий и заполнений ViewHolder’ов
Используйте notifyDataSetChanged в крайнем случае

RecyclerView.Adapter NotifyApi

4/44

RecyclerView.Adapter NotifyApi

4/44

Анимации изменения нет
notifyDataSetChanged()

Элемент ассоциирован с уникальным идентификатором
Adapter.getItemId(default = NO_ID)

RecyclerView.Adapter StableIDs

4/44

RecyclerView.Adapter StableIDs

4/44

Красивая анимация при удалении элемента
notifyDataSetChanged()

Элементы не пересоздаются без необходимости
Элементы анимируются даже при вызове notifyDataSetChanged()!

Преимущества setHasStableIds(true)

Payloads

4/44

Данные для частичного обновления элемента

Payloads

4/44

Данные для частичного обновления элемента
Уведомление об изменении элемента с данными

Payloads

4/44

Данные для частичного обновления элемента
Уведомление об изменении элемента с данными
Обработка payload

Payloads

4/44

Payloads

4/44

RecyclerView.ViewHolder Lifecycle

4/44

RecyclerView.ViewHolder Lifecycle

4/44

Элемент появляется на экране

RecyclerView.ViewHolder Lifecycle

4/44

Элемент появляется на экране
Элемент ушел с экрана

RecyclerView.ViewHolder Lifecycle

4/44

Элемент появляется на экране
Элемент ушел с экрана
Элемент сейчас будет переиспользован

ViewHolder
Notify* Api
Payloads
Lifecycle

Резюме

4/44

LayoutManager

tinkoff.ru

LayoutManager

4/44

Размещение элементов

LayoutManager

4/44

Размещение элементов
Скроллинг

LayoutManager

4/44

Размещение элементов
Скроллинг
Accessibility

LayoutManager

4/44

Размещение элементов
Скроллинг
Accessibility
Фокусировка

LayoutManager

4/44

LinearLayoutManager

4/44

GridLayoutManager

4/44

GridLayoutManager

4/44

LinearLayoutManager

4/44

ItemAnimator

tinkoff.ru

Работает со стандартными LayoutManager’ами
Поддерживает простые анимации для нестандартных
Основа для кастомных аниматоров

DefaultItemAnimator

4/44

Fade In & Fade Out
Cross-fade
Translate

Анимации по умолчанию

4/44

ItemDecorator

tinkoff.ru

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

ItemDecorator

4/44

Добавление отступов

4/44

Добавление отступов

4/44

Добавление отступов

4/44

Добавление отступов

4/44

Добавление отступов

4/44

Реальное

4/44

Рисование позади элемента

4/44

Рисование позади элемента

4/44

Рисование позади элемента

4/44

Рисование позади элемента

4/44

Рисование позади элемента

4/44

Рисование поверх элемента

4/44

Рисование поверх элемента

4/44

Рисование поверх элемента

4/44

Рисование поверх элемента

4/44

Рисование поверх элемента

4/44

Рисование поверх элемента

4/44

Рисование поверх элемента

4/44

Ошибки

4/44

Ошибки

4/44

Ошибки

4/44

getAdapterPosition vs getLayoutPosition

4/44

getAdapterPosition vs getLayoutPosition

4/44

move(0, 3)

getAdapterPosition vs getLayoutPosition

4/44

move(0, 3)

getAdapterPosition vs getLayoutPosition

4/44

move(0, 3)

onLayout()

getAdapterPosition vs getLayoutPosition

4/44

move(0, 3)

onLayout()

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

RecyclerView.ViewHolder Position

4/44

Не выделяйте память (те же правила, что и в onDraw)
Не взаимодействуйте

ItemTouchHelper

tinkoff.ru

ItemTouchHelper

Drag and Drop
Swipe to dismiss

ItemTouchHelper

3/44

ItemTouchHelper

3/44

ItemTouchHelper

3/44

ItemTouchHelper

3/44

ItemTouchHelper

3/44

ItemTouchHelper

3/44

ItemTouchHelper

3/44

SimpleCallback

3/44

SimpleCallback

3/44

SimpleCallback

3/44

Настройка отрисовки

3/44

Настройка отрисовки

3/44

Настройка отрисовки

3/44

Настройка отрисовки

3/44

Настройка отрисовки

3/44

Настройка отрисовки

3/44

Настройка отрисовки

3/44

Настройка отрисовки

3/44

Настройка отрисовки

3/44

Swipe to dismiss & Drag and Drop
Поддержка любого LayoutManager’а
Гибкая настройка

ItemTouchHelper

4/44

RecycledViewPool

tinkoff.ru

Хранит переиспользуемые ViewHolder’ы

RecycledViewPool

4/44

Хранит переиспользуемые ViewHolder’ы
По умолчанию имеет размер 5 элементов

RecycledViewPool

4/44

Хранит переиспользуемые ViewHolder’ы
По умолчанию имеет размер 5 элементов
Может переиспользоваться различными Recycler’ами

RecycledViewPool

4/44

RecycledViewPool

Переиспользуем вьюхолдеры для двух ресайклеров

RecyclerView. Итоги

tinkoff.ru

LayoutManager
Adapter

Компоненты RecyclerView

4/44

Основные

LayoutManager
Adapter

Компоненты RecyclerView

4/44

Основные

ItemDecorator
ItemTouchHelper
ItemAnimator
RecycledViewPool

Вспомогательные

Обзор ошибок и советы

tinkoff.ru

Обработка нажатий

4/44

Обработка нажатий

4/44

Обработка нажатий

4/44

Устанавливаем флаг, если размер списка не зависит от количества элементов
2 вызова

DiffUtils

tinkoff.ru

Позволяет не вызывать руками notifyItem…
Сравнивает 2 списка: старый и новый
Может работать

DiffUtil

4/44

DiffUtil

4/44

DiffUtil

4/44

RecyclerView.ViewHolder

4/44

LayoutManager

RecyclerView

Cache

Adapter

RecycledPool

RecyclerView.ViewHolder

4/44

LayoutManager

RecyclerView

Cache

Adapter

RecycledPool

getViewForPosition

RecyclerView.ViewHolder

4/44

LayoutManager

RecyclerView

Cache

Adapter

RecycledPool

getViewForPosition

getViewForPosition

RecyclerView.ViewHolder

4/44

LayoutManager

RecyclerView

Cache

Adapter

RecycledPool

getViewForPosition

getViewForPosition

RecyclerView.ViewHolder

4/44

LayoutManager

RecyclerView

Cache

Adapter

RecycledPool

getViewForPosition

getViewForPosition

RecyclerView.ViewHolder

4/44

LayoutManager

RecyclerView

Cache

Adapter

RecycledPool

getViewForPosition

getViewForPosition

getViewType

RecyclerView.ViewHolder

4/44

LayoutManager

RecyclerView

Cache

Adapter

RecycledPool

getViewForPosition

getViewForPosition

getViewType

RecyclerView.ViewHolder

4/44

LayoutManager

RecyclerView

Cache

Adapter

RecycledPool

getViewForPosition

getViewForPosition

getViewType

getViewHolderByType

RecyclerView.ViewHolder

4/44

LayoutManager

RecyclerView

Cache

Adapter

RecycledPool

getViewForPosition

getViewForPosition

getViewType

getViewHolderByType

RecyclerView.ViewHolder

4/44

LayoutManager

RecyclerView

Cache

Adapter

RecycledPool

getViewForPosition

getViewForPosition

getViewType

getViewHolderByType

createViewHolder

RecyclerView.ViewHolder

4/44

LayoutManager

RecyclerView

Cache

Adapter

RecycledPool

getViewForPosition

getViewForPosition

getViewHolderByType

RecyclerView.ViewHolder

4/44

LayoutManager

RecyclerView

Cache

Adapter

RecycledPool

getViewForPosition

getViewForPosition

bindViewHolder

getViewHolderByType

RecyclerView.ViewHolder

4/44

LayoutManager

RecyclerView

Cache

Adapter

RecycledPool

getViewForPosition

getViewForPosition

bindViewHolder

getViewHolderByType

RecyclerView.ViewHolder

4/44

LayoutManager

RecyclerView

Cache

Adapter

RecycledPool

RecyclerView.ViewHolder

4/44

LayoutManager

RecyclerView

Cache

Adapter

RecycledPool

addView

RecyclerView.ViewHolder

4/44

LayoutManager

RecyclerView

Cache

Adapter

RecycledPool

addView

onViewAttachedToWindow

RecyclerView.ViewHolder

4/44

LayoutManager

RecyclerView

Cache

Adapter

RecycledPool

RecyclerView.ViewHolder

4/44

LayoutManager

RecyclerView

Cache

Adapter

RecycledPool

removeAndRecycleView

RecyclerView.ViewHolder

4/44

LayoutManager

RecyclerView

Cache

Adapter

RecycledPool

removeAndRecycleView

onViewDetachedFromWindow

RecyclerView.ViewHolder

4/44

LayoutManager

RecyclerView

Cache

Adapter

RecycledPool

removeAndRecycleView

RecyclerView.ViewHolder

4/44

LayoutManager

RecyclerView

Cache

Adapter

RecycledPool

removeAndRecycleView

isValid?

RecyclerView.ViewHolder

4/44

LayoutManager

RecyclerView

Cache

Adapter

RecycledPool

removeAndRecycleView

isValid?

recycle