Ayrıntılar ekranı oluşturun

Birçok TV uygulamasında, belirli bir içerikle (ör. belirli bir film) ilgili meta verilerin bulunduğu içerik ayrıntıları sayfaları yer alır. Ayrıntılar sayfaları, seçilen içeriğin meta verilerini bağımsız değişken olarak alan bir composable işlevi olarak uygulanabilir.

Aşağıdaki kod, ayrıntılar ekranının tipik bir uygulamasıdır. Belirtilen filmin başlığı ve açıklamasıyla birlikte resmini yükler. Kullanıcı, film oynatmayı başlatmak için bir düğmeyi tıklayarak oynatıcı ekranına geçiş yapabilir. Geri çağırma işlevi ayarlayarak ekran geçişini sağlayabilirsiniz.

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

Önceki
Katalog tarayıcı oluşturma
Sonraki
Kaydırılabilir düzenler oluşturma