Ayrıntılar ekranı oluşturun

Birçok TV uygulamasında, belirli bir içerikle (ör. belirli bir film) ilgili meta verilerin bulunduğu içerik ayrıntıları sayfaları yer alır. Ayrıntılar sayfaları, seçilen içeriğin meta verilerini bağımsız değişken olarak alan bir composable işlevi olarak uygulanabilir.

Aşağıdaki kod, ayrıntılar ekranının tipik bir uygulamasıdır. Belirtilen filmin başlığı ve açıklamasıyla birlikte resmini yükler. Kullanıcı, film oynatmayı başlatmak için bir düğmeyi tıklayarak oynatıcı ekranına geçiş yapabilir. Geri çağırma işlevi ayarlayarak ekran geçişini sağlamak için bu işlemi gerçekleştirebilirsiniz.

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

Not: AsyncImage, internetten resim yüklemek için kullanılabilen bir composable'dır. Ayrıntılar için Resim Yükleme bölümüne bakın.