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

简单使用：

@Composable
fun 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)}}}}
}

效果如图：

Jetpack Compose——DropdownMenu（下拉菜单）的简单使用相关推荐

html制作好看展开列表框,css实现漂亮的下拉菜单，简单方便实用
本文介绍用css实现的下拉菜单,简单.方便.实用. 为什么推荐用css实现的下拉菜单?因为html默认的 select 控件生成的下拉菜单样式不好控制,不够美观,还有一个致命的缺点,是在IE里 sel ...
vant 下拉框样式_Vant DropdownMenu 下拉菜单
Vant DropdownMenu 下拉菜单 Vant DropdownMenu 下拉菜单主要用于一些分类栏目较多的地方进行制作下拉菜单. 引入import Vue from 'vue'; impor ...
select下拉菜单美化简单美化效果
默认状态下的select下拉菜单简直是丑爆了,所以下面就介绍一下一个简单的方式对select下拉菜单进行美化,下面就是一段这样的代码实例,当然也不够美观,这里只是提供一种美化的思路,在实际应用中可以进 ...
html下拉菜单插件,简单的jQuery大型下拉菜单插件
booNavigation是一款简单的jQuery大型下拉菜单插件.通过该插件可以制作3列大型下拉菜单,并带有平滑过渡效果,以及鼠标滑过菜单项时的动画效果. 使用方法在页面中引入jquery和boo ...
微信小程序中 Vant DropdownMenu 下拉菜单组件滑动穿透问题
首先开发者在wxml页面中定义如下代码: page-meta 必须是页面内的第一个节点 <page-meta page-style="{{ showDropdownMenu ? 'ov ...
Vant中DropdownMenu 下拉菜单样式自定义修改
注意添加/deep/ .right /deep/ .van-dropdown-menu.van-dropdown-menu__bar {box-shadow: unset !important;bac ...
android的dropdownmenu,Bootstrap 下拉菜单.dropdown的具体使用方法
本章将具体讲解下拉菜单的交互.使用下拉菜单(Dropdown)插件,您可以向任何组件(比如导航栏.标签页.胶囊式导航菜单.按钮等)添加下拉菜单. 下拉菜单.dropdown具体用法 .dropdown ...
web下拉列表代码_你做的Excel下拉菜单已Out，更好用的多列显示来了
在excel中设置下拉菜单很简单,直接用数据有效性-序列就可以实现. 今天我们介绍的下拉菜单: 可以显示多列内容选取后只输入其中一列的内容. 制作步骤: 一. 生成多列下拉列表 1.添加辅助列,用& ...
Unity3D 重写下拉菜单/Dropdown组件、开启每个按钮可用
Override Dropdown Component 本文提供全流程,中文翻译. Chinar 坚持将简单的生活方式,带给世人! (拥有更好的阅读体验 -- 高分辨率用户请根据需求调整网页缩放比例) ...
HTML字母导航栏怎么做,html导航栏下拉菜单怎么制作？这里有详细的代码实例
本篇文章介绍了关于html导航栏下拉菜单的制作,文章一开始就给出了全部的导航栏下拉菜单的代码,没看懂的下面都有详细的解释.下面就让我们一起来看这篇文章吧我们要说的是html导航栏下拉菜单的制作,先看 ...

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

Jetpack Compose——DropdownMenu（下拉菜单）的简单使用相关推荐

最新文章

热门文章