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 der ausgewählten Inhalte als Argument verwendet.
Der folgende Code ist eine typische Implementierung des Detailbildschirms. Es lädt ein Bild des jeweiligen Films mit Titel und Beschreibung. Der Nutzer kann einen Bildschirmübergang zum Playerbildschirm ausführen, der durch Klicken auf eine Schaltfläche ausgelöst wird, um die Filmwiedergabe zu starten. Sie können diese Aktion verarbeiten, um den Bildschirmübergang vorzunehmen, indem Sie eine Rückruffunktion festlegen.
@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)
}
}
}
}