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

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

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

@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 هو قابل للإنشاء لتحميل صورة من الإنترنت. راجِع مقالة تحميل الصور لمعرفة التفاصيل.