Эта страница переведена с помощью Cloud Translation API.

Создайте список, используя несколько типов элементов.

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

Результаты

**Рисунок 1.** Вывод кода, отображающий аудио- и текстовые сообщения.

Совместимость версий

Для данной реализации требуется, чтобы в вашем проекте был установлен уровень API 21 или выше.

Зависимости

Добавить несколько типов товаров

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

@Composable
fun ListWithMultipleItems(messages: List<Any>) {
    LazyColumn {
        items(
            messages.size,
            contentType = { it }
        ) {
            for (message in messages)
                when (message) {
                    is MediaStore.Audio -> AudioMessage(message)
                    is Text -> TextMessage(message)
                }
        }
    }
}

@Composable
fun AudioMessage(message: MediaStore.Audio) {
    TODO("Not yet implemented.")
}

@Composable
fun TextMessage(message: Text) {
    TODO("Not yet implemented.")
}

data class SampleMessage(val text: String, val content: Any)ListWithMultipleItemTypes.kt

Основные моменты, касающиеся кода.

Задает тип содержимого для каждого элемента, устанавливая contentType в items() .
Сопоставляет каждый тип контента с соответствующим компонуемым объектом. Например, Audio — это contentType , определенный в другом месте и сопоставленный с компонуемым объектом AudioMessage .
Функция Compose повторно использует отрисованные элементы для каждого элемента заданного типа контента.

Коллекции, содержащие это руководство

Данное руководство является частью подборки кратких руководств, охватывающих более широкие цели разработки под Android:

Отобразить список или сетку

Списки и сетки позволяют вашему приложению отображать коллекции в визуально привлекательной форме, удобной для восприятия пользователями.

Краткий справочник

Отображение интерактивных компонентов

Узнайте, как компонуемые функции позволяют легко создавать красивые компоненты пользовательского интерфейса на основе системы дизайна Material Design.

Краткий справочник