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

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

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

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