Membuat layar detail

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

Kode berikut adalah implementasi umum layar detail. Aplikasi ini memuat gambar film tertentu dengan 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 menyetel fungsi callback.

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

Catatan: AsyncImage adalah composable untuk memuat gambar dari internet. Lihat Memuat Gambar untuk mengetahui detailnya.