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