android 如何在Material3中为SmallTopAppBar添加立面阴影?

ogq8wdun  于 2024-01-04  发布在  Android
关注(0)|答案(4)|浏览(129)

如何在Material3中为SmallTopAppBar添加立面投影?对于Material2中的TopAppBar,您只需指定elevation参数,但如何在Material3中执行此操作?

oymdgrw7

oymdgrw71#

这将添加一个海拔效果到您的应用程序栏

  1. TopAppBar(modifier = Modifier
  2. .padding(10.dp)
  3. .shadow(
  4. elevation = 5.dp, //or whatever value
  5. spotColor = Color.DarkGray,
  6. shape = RoundedCornerShape(10.dp)
  7. ))

字符串


的数据

mnemlml8

mnemlml82#

使用jetpack compose,您通常有3个阴影高程选项:
1.组合本身有一个阴影提升(材料3使用颜色,如Ben所述)
1.使用修改器.shadow(elevation = X.dp)
1.将所需的任何东西 Package 在Surface组合中,这将为您提供给予大部分所需的UI自由(尽管在这一点上,还不如自己制作一个自定义元素)
希望我能帮上忙!

x9ybnkn6

x9ybnkn63#

M3工具栏不再使用阴影来提升自己。在M3中,当您滚动时,颜色会发生变化,以将工具栏与其他内容区分开来。
文档中提供了一个示例

ivqmmu1c

ivqmmu1c4#

简单地使用下面的修改器的阴影,但一定要设置应用程序栏的容器颜色有阴影效果。

  1. CenterAlignedTopAppBar(
  2. modifier = Modifier.shadow(5.dp),
  3. title = {
  4. Text(text = title)
  5. },
  6. colors = TopAppBarDefaults.topAppBarColors(
  7. containerColor = Color.White
  8. )
  9. )

字符串

相关问题