Google uses AI technology to translate content into your preferred language. AI translations can contain errors.

複数のアイテムタイプを使用してリストを作成する

複数のアイテムタイプを含むリストを使用すると、テキスト、画像、インタラクティブな要素などの混合コンテンツタイプを表示できます。

結果

音声メッセージとテキストメッセージを表示するコード出力 — [**Figure 1.**]音声メッセージとテキストメッセージを示すコード出力。

バージョンの互換性

この実装では、プロジェクトの minSDK を 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

コードに関する主なポイント

items() で contentType を設定して、アイテムごとにコンテンツタイプを指定します。
各コンテンツタイプを対応するコンポーズ可能関数にマッピングします。たとえば、Audio は別の場所で定義されたcontentTypeであり、 AudioMessageコンポーズ可能関数にマッピングされます。
Compose は、特定のコンテンツタイプのアイテムごとにレンダリングされたコンポーズ可能関数を再利用します。