如何在 Jetpack Compose 中實現現代 Card 組件（a'la Material Design 3.0）
[英]How to implement modern Card component (a'la Material Design 3.0) in Jetpack Compose
問題描述
如何使用 Compose 實現這些在更新的 Google 應用程序中看到的現代、微妙的 Card 組件？
它們沒有邊框，它們有點高，后面有一個微妙的陰影。 我嘗試在標准卡片上擺弄修飾符，但沒有接近這個結果。
它們的類似版本（高架Filled ？）出現在Material Design 3.0 文檔中，但 Compose 尚無法實現其實現。
1 個解決方案
解決方案1
0 2021-11-19 05:28:04
所有這些功能都已內置到 Compose Material 中。 您無需做任何事情。 所有這些小部件和功能都已實現。 這一切都在 Compose 官方網站上得到了很好的記錄。 看：
解決方案2
0 2021-11-22 07:21:32
我看不出與以前的卡有太大區別。 也許邊界半徑和海拔更高。 在您發布的圖像中，他們使用類似於陰影顏色的背景顏色來降低對比度。
無論如何，您可以在這里找到 Compose 的新 Material Design 3： https://developer.android.com/jetpack/androidx/releases/compose-material3
如何在 Material 3 Jetpack Compose 中實現 BottomSheet Android
[英]How to implement BottomSheet in Material 3 Jetpack Compose Android
如何禁用 Jetpack Compose 和 Material Design 3 中導航欄項目的漣漪效應？
[英]How to disable ripple effect on Navigation Bar Items in Jetpack Compose and Material Design 3?
調整 Jetpack Compose 中 Material Design 3 組件的色調提升？
[英]Adjust Tonal Elevation for Material Design 3 Components in Jetpack Compose?
如何更改卡片的邊框顏色，在 Jetpack Compose 中點擊卡片？
[英]How to change the border color of a card, on card click in Jetpack Compose?
如何在 Jetpack Compose 中實現平移 + 縮放動畫？
[英]How to implement a translate + scale animation in Jetpack Compose?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
相關問題
如何用 Jetpack compose 實現輪播（卡片滑塊）？
如何在 Material 3 Jetpack Compose 中實現 BottomSheet Android
如何使用jetpack compose為卡片視圖添加邊框
如何使用jetpack compose刪除卡片視圖的邊框
如何用jetpack compose把卡片放到底部？
如何禁用 Jetpack Compose 和 Material Design 3 中導航欄項目的漣漪效應？
為什么我的 JetPack 撰寫文本這么大（材料設計）
調整 Jetpack Compose 中 Material Design 3 組件的色調提升？
如何更改卡片的邊框顏色，在 Jetpack Compose 中點擊卡片？
如何在 Jetpack Compose 中實現平移 + 縮放動畫？
相關標簽