Detailbildschirm erstellen

Viele TV-Apps enthalten Inhaltsdetailseiten mit relevanten Metadaten für einen bestimmten Inhalt (z.B. einen bestimmten Film). Detailseiten können als zusammensetzbare Funktion implementiert werden, die Metadaten des ausgewählten Inhalts als Argument verwendet.

Der folgende Code ist eine typische Implementierung des Detailbildschirms. Es lädt ein Bild des angegebenen Films mit Titel und Beschreibung. Der Nutzer kann zum Bildschirm des Players wechseln, indem er auf eine Schaltfläche klickt, um die Filmwiedergabe zu starten. Sie können diese Aktion verarbeiten, um den Bildschirmübergang durch Festlegen einer Callback-Funktion zu ermöglichen.

@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)
       }
     }
  }
}
Zurück
Katalogbrowser erstellen
Weiter
Inhalt des Leitfadens