如何在Material3中为SmallTopAppBar添加立面投影?对于Material2中的TopAppBar,您只需指定elevation参数,但如何在Material3中执行此操作?
SmallTopAppBar
TopAppBar
elevation
oymdgrw71#
这将添加一个海拔效果到您的应用程序栏
TopAppBar(modifier = Modifier .padding(10.dp) .shadow( elevation = 5.dp, //or whatever value spotColor = Color.DarkGray, shape = RoundedCornerShape(10.dp) ))
字符串
的数据
mnemlml82#
使用jetpack compose,您通常有3个阴影高程选项:1.组合本身有一个阴影提升(材料3使用颜色,如Ben所述)1.使用修改器.shadow(elevation = X.dp)1.将所需的任何东西 Package 在Surface组合中,这将为您提供给予大部分所需的UI自由(尽管在这一点上,还不如自己制作一个自定义元素)希望我能帮上忙!
x9ybnkn63#
M3工具栏不再使用阴影来提升自己。在M3中,当您滚动时,颜色会发生变化,以将工具栏与其他内容区分开来。文档中提供了一个示例
ivqmmu1c4#
简单地使用下面的修改器的阴影,但一定要设置应用程序栏的容器颜色有阴影效果。
CenterAlignedTopAppBar( modifier = Modifier.shadow(5.dp), title = { Text(text = title) }, colors = TopAppBarDefaults.topAppBarColors( containerColor = Color.White ) )
4条答案
按热度按时间oymdgrw71#
这将添加一个海拔效果到您的应用程序栏
字符串
的数据
mnemlml82#
使用jetpack compose,您通常有3个阴影高程选项:
1.组合本身有一个阴影提升(材料3使用颜色,如Ben所述)
1.使用修改器.shadow(elevation = X.dp)
1.将所需的任何东西 Package 在Surface组合中,这将为您提供给予大部分所需的UI自由(尽管在这一点上,还不如自己制作一个自定义元素)
希望我能帮上忙!
x9ybnkn63#
M3工具栏不再使用阴影来提升自己。在M3中,当您滚动时,颜色会发生变化,以将工具栏与其他内容区分开来。
文档中提供了一个示例
ivqmmu1c4#
简单地使用下面的修改器的阴影,但一定要设置应用程序栏的容器颜色有阴影效果。
字符串