Créer un écran d'informations

De nombreuses applications TV incluent des pages de détails sur le contenu avec des métadonnées pertinentes pour un contenu donné (par exemple, un film spécifique). Les pages de détails peuvent être implémentées en tant que fonction composable, en prenant les métadonnées du contenu sélectionné comme argument.

Le code suivant est une implémentation typique de l'écran de détails. Il charge une image du film donné avec son titre et sa description. L'utilisateur peut passer à l'écran du lecteur en cliquant sur un bouton pour lancer la lecture du film. Vous pouvez gérer cette action pour effectuer la transition d'écran 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.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))
            }
        }
    }
}

Précédent
Créer un navigateur de catalogue
Suivant
Créer des mises en page déroulantes