Jetpack Compose——DropdownMenu（下拉菜单）的简单使用

最新推荐文章于 2024-09-15 18:07:55 发布

lplj717

最新推荐文章于 2024-09-15 18:07:55 发布

阅读量4.1k

点赞数

分类专栏： Compose Compose学习文章标签： DropdownMenu Compose

本文链接：https://blog.csdn.net/lplj717/article/details/122045859

版权

本文介绍了在Jetpack Compose 1.1.0-beta01版本中如何使用DropdownMenu组件，展示了其基本用法，并通过示例展示效果。

摘要由CSDN通过智能技术生成

基于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//内容
)

简单使用：

@Composable
fun DropDownTest() {
    val context = LocalContext.current
    var 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
            },