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

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

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

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

ملاحظة: AsyncImage هو قابل للإنشاء لتحميل صورة من الإنترنت. راجِع مقالة تحميل الصور لمعرفة التفاصيل.