Membuat layar detail

Banyak aplikasi TV menyertakan halaman detail konten dengan metadata yang relevan untuk konten tertentu (misalnya, film tertentu). Halaman detail dapat diimplementasikan sebagai fungsi composable, yang menggunakan metadata konten yang dipilih sebagai argumennya.

Kode berikut adalah implementasi umum layar detail. Kode ini memuat gambar film yang diberikan beserta judul dan deskripsinya. Pengguna dapat melakukan transisi layar ke layar pemutar, yang dapat dipicu dengan mengklik tombol untuk memulai pemutaran film. Anda dapat menangani tindakan ini untuk membuat transisi layar dengan menetapkan fungsi callback.

@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))
            }
        }
    }
}

Sebelumnya
Membuat browser katalog
Berikutnya
Membuat tata letak yang dapat di-scroll