Лекция 4. Улучшенные списки

1.

Улучшенные
списки

2.

План лекции
• Основы построения списков в Compose
• Что такое ленивая загрузка (Lazy Loading)
• Компоновка списков
• Оптимизация работы
2

3.

Определяем задачу
3

4.

Описание
задачи
Создать экран приложения, который бы
отображал галерею изображений,
загруженных из интернета
4

5.

Создаём data class для данных
5

6.

Просим Алису от Яндекса сгенерировать список
картинок
6

7.

Оформляем список в функцию
7

8.

Библиотека Glide
8

9.

Подключаем Glide в libs.versions.toml
9

10.

Подключаем Glide в build.gradle.kts модуля
10

11.

Добавляем разрешение пользователя
11

12.

Отображаем item
12

13.

Функция отображения изображения с загрузкой
Glide
13

14.

Изображение-заглушка в res/drawable
14

15.

Размещаем имя автора
15

16.

LazyColumn для создания
галереи
16

17.

Используем LazyColumn для организации галереи
17

18.

Состояние списка изображений (gallery)
generateSamplePictures() — начальный
список изображений
mutableStateOf — делает состояние
наблюдаемым
remember — сохраняет состояние при
рекомпозиции
by — делегат, упрощает обновление