100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > Jetpack Compose——DropdownMenu(下拉菜单)的简单使用

Jetpack Compose——DropdownMenu(下拉菜单)的简单使用

时间:2024-02-19 07:56:56

相关推荐

Jetpack Compose——DropdownMenu(下拉菜单)的简单使用

基于compose_version=1.1.0-beta01版本 参数如下:

DropdownMenu(expanded: Boolean,//菜单栏状态onDismissRequest: () -> Unit,//菜单栏被关闭回调modifier: Modifier = Modifier,//布局修饰offset: DpOffset = DpOffset(0.dp, 0.dp),//要添加到菜单位置的偏移量 properties: PopupProperties = PopupProperties(focusable = true),//自定义的弹出框content: @Composable ColumnScope.() -> Unit//内容)

简单使用:

@Composablefun DropDownTest() {val context = LocalContext.currentvar expanded = remember {mutableStateOf(false)}val items = listOf("A", "B", "C", "D", "E")Box(Modifier.fillMaxSize().padding(10.dp).wrapContentSize(Alignment.TopStart)) {TextButton(onClick = {expanded.value = true},modifier = Modifier.background(Color.LightGray)) {Text(text = "下拉菜单")}DropdownMenu(expanded = expanded.value, onDismissRequest = { expanded.value = false }) {items.forEachIndexed { index, s ->DropdownMenuItem(onClick = {expanded.value = falseToast.makeText(context, s, Toast.LENGTH_SHORT).show()}) {Text(text = s)}}}}}

效果如图:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。