Compose 中的設計系統

Jetpack Compose 可協助您輕鬆實作設計系統，並透過主題設定和元件等功能，為應用程式提供一致的外觀和風格。

以下頁面詳細介紹了設計系統的設計與實作方式：

• Material Design 3：瞭解如何使用 Compose 的 Material Design 3 實作方式導入 Material You。
• 從 Material 2 遷移至 Material 3：瞭解如何將應用程式從 Compose 的 Material Design 2 遷移至 Material Design 3。
• Material Design 2：瞭解如何依據產品品牌的需求，自訂 Compose 的 Material Design 2 實作方式。
• 自訂設計系統：瞭解如何在 Compose 中導入自訂設計系統，以及如何調整現有的 Material Design 可組合項以因應這種情況。
• 主題剖析：瞭解 MaterialTheme 和自訂設計系統採用的較低階結構和 API。
• 將 XML 主題遷移至 Compose：瞭解如何使用 Accompanist 主題轉換器程式庫，將以 View 為基礎的 XML 主題遷移至 Compose。

範例

您可以透過下列範例查看 Jetpack Compose 中的設計系統：