Utwórz ekran szczegółów

Wiele aplikacji telewizyjnych zawiera strony ze szczegółami treści, na których wyświetlane są odpowiednie metadane danej treści (np. konkretnego filmu). Strony ze szczegółami można zaimplementować jako funkcję typu „composable”, która jako argument przyjmuje metadane wybranej treści.

Poniższy kod to typowa implementacja ekranu szczegółów. Wczytuje on obraz danego filmu wraz z jego tytułem i opisem. Użytkownik może przejść do ekranu odtwarzacza, klikając przycisk rozpoczynający odtwarzanie filmu. Możesz obsługiwać tę czynność, aby przejść do ekranu, ustawiając funkcję wywołania zwrotnego.

@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))
            }
        }
    }
}

Wstecz
Tworzenie przeglądarki katalogu
Dalej
Tworzenie układów z możliwością przewijania