Material3 Compose

تتعامل مكتبة media3-ui-compose-material3 مع إدارة الحالة وتصميم Material3 داخليًا. لمزيد من المعلومات حول المكتبة التي يجب استخدامها، يُرجى الاطّلاع على نظرة عامة على Media3 Compose.

// The library provides styled UI components
Row {
  SeekBackButton(player)
  PlayPauseButton(player)
  SeekForwardButton(player)
}
ComposeMaterial3Snippets.kt

تخصيص مكوّنات Material3

على الرغم من أنّ media3-ui-compose-material3 يوفّر مكوّنات تتّبع إرشادات تصميم Material3، يظل بإمكانك التحكّم الكامل في تصميم المظهر. يمكنك تخصيص الألوان والطباعة والأشكال من خلال تضمين واجهة مستخدم المشغّل في MaterialTheme.

على سبيل المثال، لتغيير لون PlayPauseButton، يمكنك تقديم colorScheme مخصّص على النحو التالي:

MaterialTheme(
  colorScheme =
    lightColorScheme(
      primary = Color.Red, // Change the primary color for the button
      onPrimary = Color.White,
    )
) {
  // The PlayPauseButton will now use the custom colors
  PlayPauseButton(player)
}
ComposeMaterial3Snippets.kt

مكوّنات Material3 المتاحة

توفّر مكتبة media3-ui-compose-material3 مجموعة من العناصر القابلة للإنشاء مسبقًا لأدوات التحكّم الشائعة في المشغّل. في ما يلي بعض المكوّنات التي يمكنك استخدامها مباشرةً في تطبيقك:

هذه ليست قائمة شاملة. راجِع مرجع واجهة برمجة التطبيقات الخاص بالمكتبة للاطّلاع على جميع المكوّنات المتاحة.

هناك عنصران آخران من عناصر Composables الجاهزة للاستخدام من المحتمل أن تحتاج إليهما، وهما مرتبطان بإدارة السطح وموجودان في الوحدة media3-ui-compose لأنّهما لا يتضمّنان تصميم Material.