شاشة عرض التفاصيل

تُدرج العديد من تطبيقات التلفزيون صفحات تفاصيل المحتوى مع بيانات وصفية ذات صلة بجزء معيّن من المحتوى (أي فيلم محدّد). يمكن تنفيذ صفحات التفاصيل كدالة قابلة للإنشاء، مع أخذ بيانات التعريف للمحتوى المحدد كوسيطة لها.

الرمز التالي هو تنفيذ نموذجي لشاشة التفاصيل. يؤدي هذا الإجراء إلى تحميل صورة الفيلم المحدّد مع عنوانه ووصفه. يمكن للمستخدم تحويل الشاشة إلى شاشة المشغّل، والتي يمكن تشغيلها بالنقر فوق زر لبدء تشغيل الفيلم. يمكنك التعامل مع هذا الإجراء لنقل الشاشة عن طريق تعيين دالة معاودة اتصال.

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