Material3 Compose

media3-ui-compose-material3 लाइब्रेरी, स्थिति मैनेजमेंट और Material3 स्टाइलिंग, दोनों को अंदरूनी तौर पर हैंडल करती है. कौनसी लाइब्रेरी का इस्तेमाल करना है, इस बारे में ज़्यादा जानकारी के लिए, Media3 Compose की खास जानकारी देखें.

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

// You can rearrange the composables into a layout that suits your needs
@Composable
fun PlayerProgressControlsLeftAligned(player: Player) {
  Row {
    PositionAndDurationText(player)
    ProgressSlider(player)
  }
}

@Composable
fun PlayerProgressControlsCenterAligned(player: Player) {
  Row {
    PositionText(player)
    ProgressSlider(player)
    DurationText(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 लाइब्रेरी, प्लेयर कंट्रोल के लिए पहले से बनाए गए कंपोज़ेबल का सेट उपलब्ध कराती है. यहां कुछ ऐसे कॉम्पोनेंट दिए गए हैं जिनका इस्तेमाल सीधे तौर पर अपने ऐप्लिकेशन में किया जा सकता है:

यह पूरी सूची नहीं है. उपलब्ध सभी कॉम्पोनेंट के लिए, लाइब्रेरी का एपीआई रेफ़रंस देखें.

आपको पहले से बने दो अन्य कंपोज़ेबल की ज़रूरत पड़ सकती है. ये कंपोज़ेबल, सर्फ़ेस मैनेजमेंट से जुड़े हैं. ये media3-ui-compose मॉड्यूल में मौजूद होते हैं, क्योंकि इनमें Material थीमिंग नहीं होती है.