De nombreuses applications TV incluent des pages d'informations sur le contenu avec des métadonnées pertinentes d'un contenu spécifique (un film en particulier). Les pages d'informations peuvent être implémentées fonction composable, qui utilise les métadonnées du contenu sélectionné comme argument.
Le code suivant est une implémentation classique de l'écran d'informations. Il charge une image du film donné avec son titre et sa description. L'utilisateur est en mesure d'effectuer une une transition vers l'écran du lecteur, qui peut être déclenchée en cliquant sur un pour lancer la lecture du film. Vous pouvez gérer cette action en définissant une fonction de rappel.
@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)
}
}
}
}