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

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

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

@Composable
fun DetailsScreen(
    movie: Movie,
    modifier: Modifier = Modifier,
    onStartPlayback: (Movie) -> Unit = {}
) {
    Box(modifier = modifier.fillMaxSize()) {
        AsyncImage(
            modifier = Modifier.fillMaxSize(),
            model = movie.backgroundImageUrl,
            contentDescription = null,
            contentScale = ContentScale.Crop,
        )
        Column(modifier = Modifier.padding(32.dp)) {
            Text(
                text = movie.title,
                style = MaterialTheme.typography.headlineMedium
            )
            Text(text = movie.description)
            Button(onClick = { onStartPlayback(movie) }) {
                Text(text = stringResource(id = R.string.startPlayback))
            }
        }
    }
}
Details.kt

ملاحظة: AsyncImage هي دالة مركّبة لتحميل صورة من الإنترنت. راجِع مقالة تحميل الصور للحصول على التفاصيل.