You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Material 3底部应用栏中创建类似Google Keep的cradled fab

在Material 3中通过XML实现带Cradled FAB的底部应用栏
  • Material 2里底部应用栏默认支持Cradled FAB(悬浮按钮嵌入栏内形成凹槽)的样式,但升级到Material 3后,默认的底部应用栏会把悬浮按钮完全置于栏内,没有了之前的凹槽效果:
    • Material 2的Cradled FAB效果:Material 2带cradled fab的底部应用栏
    • Material 3默认的底部应用栏+FAB效果:Material 3悬浮按钮位于角落的底部应用栏
  • 一开始我以为这种Cradled FAB样式已经从Material 3的规范中移除了,但发现Google Keep的底部应用栏却实现了Material 3风格的Cradled FAB:
    • Google Keep的实现效果:Google Keep的Material 3带cradled fab的底部应用栏
  • 我现在需要知道如何通过XML在Material 3中创建这种带Cradled FAB的底部应用栏样式。
  • 补充:我在StackOverflow上找过类似问题,找到一个针对Jetpack Compose的相关提问,但目前还没有答案,而且该问题里引用的Material 3文档中的Cradled FAB图片已经被移除了。

内容的提问来源于stack exchange,提问作者eutaxy

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.29 02:17:16