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

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

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

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