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

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

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

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