این صفحه به‌وسیله ‏Cloud Translation API‏ ترجمه شده است.

یک صفحه نمایش جزئیات بسازید

بسیاری از برنامه‌های تلویزیونی شامل صفحات جزئیات محتوا با ابرداده‌های مرتبط برای یک قطعه محتوا (یعنی یک فیلم خاص) هستند. صفحات جزئیات را می توان به عنوان یک تابع ترکیبی پیاده سازی کرد و ابرداده محتوای انتخاب شده را به عنوان آرگومان آن در نظر گرفت.

کد زیر یک پیاده سازی معمولی از صفحه جزئیات است. تصویری از فیلم داده شده را با عنوان و توضیحات آن بارگذاری می کند . کاربر می تواند یک انتقال صفحه نمایش به صفحه پخش کننده انجام دهد، که می تواند با کلیک کردن روی یک دکمه برای شروع پخش فیلم فعال شود. شما می توانید با تنظیم یک عملکرد برگشت به تماس، این عمل را برای انتقال صفحه نمایش انجام دهید.

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

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

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

قبلی

یک مرورگر کاتالوگ ایجاد کنید

بعدی

در این راهنما