如何在Material 3底部应用栏中创建类似Google Keep的cradled fab
在Material 3中通过XML实现带Cradled FAB的底部应用栏
- Material 2里底部应用栏默认支持Cradled FAB(悬浮按钮嵌入栏内形成凹槽)的样式,但升级到Material 3后,默认的底部应用栏会把悬浮按钮完全置于栏内,没有了之前的凹槽效果:
- Material 2的Cradled FAB效果:

- Material 3默认的底部应用栏+FAB效果:

- Material 2的Cradled FAB效果:
- 一开始我以为这种Cradled FAB样式已经从Material 3的规范中移除了,但发现Google Keep的底部应用栏却实现了Material 3风格的Cradled FAB:
- Google Keep的实现效果:

- Google Keep的实现效果:
- 我现在需要知道如何通过XML在Material 3中创建这种带Cradled FAB的底部应用栏样式。
- 补充:我在StackOverflow上找过类似问题,找到一个针对Jetpack Compose的相关提问,但目前还没有答案,而且该问题里引用的Material 3文档中的Cradled FAB图片已经被移除了。
内容的提问来源于stack exchange,提问作者eutaxy
相关产品推荐
相关产品推荐

