Compose のデザイン システム

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

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

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

サンプル

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

あなたへのおすすめ

• 注: JavaScript がオフになっている場合はリンクテキストが表示されます
• Compose のマテリアル デザイン 2
• Compose のカスタム デザイン システム
• Compose 内のテーマの構造