Compose のデザイン システム

Jetpack Compose を使用すると、デザイン システムを簡単に実装できます。また、テーマ設定やコンポーネントなどにより、一貫性のあるデザインをアプリに施すことができます。

以降のページでは、デザイン システムを設計および実装する方法について詳しく説明します。

• マテリアル デザイン 3: Compose のマテリアル デザイン 3 の実装によって Material You を実装する方法について説明します。
• マテリアル 2 からマテリアル 3 に移行する: Compose でアプリをマテリアル デザイン 2 からマテリアル デザイン 3 に移行する方法について説明します。
• マテリアル デザイン 2: プロダクトのブランドに合わせて、Compose のマテリアル デザイン 2 の実装をカスタマイズする方法について説明します。
• カスタム デザイン システム: Compose でカスタム デザイン システムを実装する方法と、カスタム デザイン システムを処理するために既存のマテリアル デザイン コンポーザブルを調整する方法について説明します。
• テーマの構造: MaterialTheme とカスタム デザイン システムによって使用される下位レベルの構造と API について説明します。
• XML テーマ を Compose に移行する: Accompanist テーマ アダプター ライブラリを使用してビューベースの XML テーマを Compose に移行する方法について説明します。

サンプル

次のサンプルは、Jetpack Compose のデザイン システムを示しています。