Jetpack Compose を使用すると、デザイン システムを簡単に実装できます。また、テーマ設定やコンポーネントなどにより、一貫性のあるデザインをアプリに施すことができます。
以降のページでは、デザイン システムを設計および実装する方法について詳しく説明します。
- マテリアル デザイン 3: Compose のマテリアル デザイン 3 の実装によって Material You を実装する方法について説明します。
- マテリアル 2 からマテリアル 3 に移行する: Compose でアプリをマテリアル デザイン 2 からマテリアル デザイン 3 に移行する方法について説明します。
- カスタム デザイン システム: Compose でカスタム デザイン システムを実装する方法と、カスタム デザイン システムを処理するために既存のマテリアル デザイン コンポーザブルを調整する方法について説明します。
- テーマの構造:
MaterialThemeとカスタム デザイン システムによって使用される下位レベルの構造と API について説明します。 - XML テーマを Compose に移行する: ビューベースの XML テーマを Compose に移行する方法について説明します。
サンプル
次のサンプルは、Jetpack Compose のデザイン システムを示しています。
あなたへのおすすめ
- 注: JavaScript がオフになっている場合はリンクテキストが表示されます
- Compose のマテリアル デザイン 2
- Compose のカスタム デザイン システム
- Compose 内のテーマの構造