您好,我不知道如何在 jetpack compose 1.0.0-beta02
中制作切角菜单.我尝试用表面包装 while 菜单,但它没有用。
TopAppBar(
modifier = Modifier
.statusBarsPadding(),
title = {
Text(text = "Title")
},
actions = {
var menuExpanded by remember { mutableStateOf(false) }
IconButton(onClick = { menuExpanded = true }) {
Icon(Icons.Default.MoreVert, contentDescription = null)
}
DropdownMenu(
expanded = menuExpanded,
onDismissRequest = {
menuExpanded = false
},
) {
DropdownMenuItem(onClick = {}) {
Text("Item 2")
}
}
},
)
这给了我但是我需要这样的东西 , 它是四舍五入的。
最佳答案
DropdownMenu
使用的默认形状由定义
medium
shapes
中的属性用于MaterialTheme
(检查你的主题)。
val Shapes = Shapes(
small = RoundedCornerShape(4.dp),
medium = RoundedCornerShape(4.dp), //<- used by `DropdownMenu`
large = RoundedCornerShape(0.dp)
)
您可以在主题中更改此值,也可以仅在 DropdownMenu
中覆盖中等形状。 .就像是:
MaterialTheme(shapes = MaterialTheme.shapes.copy(medium = RoundedCornerShape(16.dp))) {
DropdownMenu(
expanded = menuExpanded,
onDismissRequest = {
menuExpanded = false
}
) {
DropdownMenuItem(onClick = {}) {
Text("Item 2")
}
DropdownMenuItem(onClick = {}) {
Text("Item 3")
}
}
}
关于android - Jetpack compose DropdownMenu 带有圆角,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66781028/