Jetpack Compose 可讓您輕鬆實作設計系統, 透過主題設定、元件等元素,打造一致的外觀和風格。
以下頁面詳細介紹如何設計及實作設計 系統:
- Material Design 3:瞭解如何使用 Compose 的 Material Design 3 實作方式導入 Material You。
- 從 Material 2 遷移至 Material 3:瞭解如何將應用程式從 在 Compose 中,從 Material Design 2 到 Material Design 3。
- 自訂設計系統:瞭解如何在 Compose,以及如何調整現有的 Material Design 可組合項以因應這種情況。
- 主題剖析:瞭解使用的較低階結構和 API
由
MaterialTheme
和自訂設計系統提供。 - 將 XML 主題遷移至 Compose:瞭解如何遷移以 View 為基礎的 將 XML 主題儲存至 Compose。
範例
您可以透過下列範例查看 Jetpack Compose 中的設計系統:
為您推薦
- 注意:系統會在 JavaScript 關閉時顯示連結文字
- Compose 中的質感設計 2
- Compose 中的自訂設計系統
- Compose 中的主題剖析