建構詳細資料畫面

許多 TV 應用程式都包含內容詳細資料頁面，其中含有特定內容 (例如特定電影) 的相關中繼資料。詳細資料頁面可以實作為可組合函式，並將所選內容的中繼資料做為引數。

以下程式碼是詳細資料畫面的典型實作方式。它會載入指定電影的圖片，以及電影的標題和說明。使用者可以切換至播放器畫面，只要點選按鈕即可開始播放電影。您可以設定回呼函式，處理這項動作來轉換畫面。

@Composable
fun DetailsScreen(
    movie: Movie,
    modifier: Modifier = Modifier,
    onStartPlayback: (Movie) -> Unit = {}
) {
    Box(modifier = modifier.fillMaxSize()) {
        AsyncImage(
            modifier = Modifier.fillMaxSize(),
            model = movie.backgroundImageUrl,
            contentDescription = null,
            contentScale = ContentScale.Crop,
        )
        Column(modifier = Modifier.padding(32.dp)) {
            Text(
                text = movie.title,
                style = MaterialTheme.typography.headlineMedium
            )
            Text(text = movie.description)
            Button(onClick = { onStartPlayback(movie) }) {
                Text(text = stringResource(id = R.string.startPlayback))
            }
        }
    }
}

上一頁
建立目錄瀏覽器
下一頁
建立可捲動的版面配置