本頁面由 Cloud Translation API 翻譯而成。

使用多種項目類型建構清單
透過集合功能整理內容你可以依據偏好儲存及分類內容。

您可以使用含有多個項目類型的清單，顯示混合內容類型，例如文字、圖片和互動元素。

版本相容性

這個實作方式需要將專案 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 會針對指定內容類型的每個項目重複使用算繪的組合項。