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

ogq8wdun  于 11个月前  发布在  Android
关注(0)|答案(4)|浏览(96)

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

oymdgrw7

oymdgrw71#

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

TopAppBar(modifier = Modifier
            .padding(10.dp)
            .shadow(
                elevation = 5.dp, //or whatever value 
                spotColor = Color.DarkGray,
                shape = RoundedCornerShape(10.dp)
            ))

字符串


的数据

mnemlml8

mnemlml82#

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

x9ybnkn6

x9ybnkn63#

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

ivqmmu1c

ivqmmu1c4#

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

CenterAlignedTopAppBar(
    modifier = Modifier.shadow(5.dp),
    title = {
        Text(text = title)
    },
    colors = TopAppBarDefaults.topAppBarColors(
        containerColor = Color.White
    )
)

字符串

相关问题