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 デザインに準拠したコンポーネントを提供しますが、テーマ設定は完全に制御できます。プレーヤー UI を 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 ライブラリは、一般的なプレーヤー コントロール用の事前構築済みコンポーザブルのセットを提供します。アプリで直接使用できるコンポーネントは次のとおりです。

他にもいろいろなサポートがあります。利用可能なすべてのコンポーネントについては、ライブラリの API リファレンスをご覧ください。

サーフェス管理に関連する、もう 2 つのプリビルド可能なコンポーザブルも必要になる可能性があります。これらは Material テーマ設定を持たないため、media3-ui-compose モジュールに存在します。