Android Compose 下拉选择框 ExposedDropdownMenu下拉选择

2024-08-24 19:04

本文主要是介绍Android Compose 下拉选择框 ExposedDropdownMenu下拉选择,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

/*** @author   创建人:蒙石瑞* @date     创建时间:2024/8/23 10:57* @Description    创建内容:下拉选择框*/
@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun CustomExposedDropdownMenu(options: List<out DropdownMenuDes>,labelStr: String,onSelect: (DropdownMenuDes) -> Unit
) {var expanded by remember {mutableStateOf(false)}var selectedOptionText by remember { mutableStateOf("") }ExposedDropdownMenuBox(expanded = expanded,onExpandedChange = {expanded = !expanded},) {CustomOutlinedTextField(value = selectedOptionText,onValueChange = { selectedOptionText = it },trailingIcon = {ExposedDropdownMenuDefaults.TrailingIcon(expanded = expanded)},label = { Text(labelStr) },singleLine = true,colors = OutlinedTextFieldDefaults.colors(focusedBorderColor = Color.Blue,unfocusedBorderColor = Color.White,cursorColor = Color.Black,focusedContainerColor = Color.White,unfocusedContainerColor = Color.White,focusedLabelColor = Color.Blue,disabledLabelColor = Color.Black),modifier = Modifier.width(120.dp).height(50.dp).menuAnchor(),readOnly = true,contentPadding = PaddingValues(start = 5.dp, end = 2.dp),)ExposedDropdownMenu(expanded = expanded,onDismissRequest = { expanded = false },modifier = Modifier.heightIn(max = 250.dp)) {options.forEach { option ->DropdownMenuItem(text = { Text(option.showName) }, onClick = {selectedOptionText = option.showNameexpanded = falseonSelect(option)})}}}
}

使用

abstract class DropdownMenuDes(val showName: String, val showId: String)val tempShow = listOf(DropdownMenuInfo("one", "xxxx"),DropdownMenuInfo("2222", "xxxx"),DropdownMenuInfo("33333", "xxxx"),DropdownMenuInfo("4444", "xxxx"),DropdownMenuInfo("5555", "xxxx"),DropdownMenuInfo("666", "xxxx"),DropdownMenuInfo("777", "xxxx"),DropdownMenuInfo("999", "xxxx"),DropdownMenuInfo("1010", "xxxx"))Row {CustomExposedDropdownMenu(tempShow, "垛位") { item ->ToastUtil.showToast(item.showName)}}

这篇关于Android Compose 下拉选择框 ExposedDropdownMenu下拉选择的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1103332

相关文章

el-select下拉选择缓存的实现

《el-select下拉选择缓存的实现》本文主要介绍了在使用el-select实现下拉选择缓存时遇到的问题及解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的... 目录项目场景:问题描述解决方案:项目场景:从左侧列表中选取字段填入右侧下拉多选框,用户可以对右侧

element-ui下拉输入框+resetFields无法回显的问题解决

《element-ui下拉输入框+resetFields无法回显的问题解决》本文主要介绍了在使用ElementUI的下拉输入框时,点击重置按钮后输入框无法回显数据的问题,具有一定的参考价值,感兴趣的... 目录描述原因问题重现解决方案方法一方法二总结描述第一次进入页面,不做任何操作,点击重置按钮,再进行下

Android数据库Room的实际使用过程总结

《Android数据库Room的实际使用过程总结》这篇文章主要给大家介绍了关于Android数据库Room的实际使用过程,详细介绍了如何创建实体类、数据访问对象(DAO)和数据库抽象类,需要的朋友可以... 目录前言一、Room的基本使用1.项目配置2.创建实体类(Entity)3.创建数据访问对象(DAO

Android WebView的加载超时处理方案

《AndroidWebView的加载超时处理方案》在Android开发中,WebView是一个常用的组件,用于在应用中嵌入网页,然而,当网络状况不佳或页面加载过慢时,用户可能会遇到加载超时的问题,本... 目录引言一、WebView加载超时的原因二、加载超时处理方案1. 使用Handler和Timer进行超

如何选择适合孤独症兄妹的学校?

在探索适合孤独症儿童教育的道路上,每一位家长都面临着前所未有的挑战与抉择。当这份责任落在拥有孤独症兄妹的家庭肩上时,选择一所能够同时满足两个孩子特殊需求的学校,更显得尤为关键。本文将探讨如何为这样的家庭做出明智的选择,并介绍星贝育园自闭症儿童寄宿制学校作为一个值得考虑的选项。 理解孤独症儿童的独特性 孤独症,这一复杂的神经发育障碍,影响着儿童的社交互动、沟通能力以及行为模式。对于拥有孤独症兄

Android实现任意版本设置默认的锁屏壁纸和桌面壁纸(两张壁纸可不一致)

客户有些需求需要设置默认壁纸和锁屏壁纸  在默认情况下 这两个壁纸是相同的  如果需要默认的锁屏壁纸和桌面壁纸不一样 需要额外修改 Android13实现 替换默认桌面壁纸: 将图片文件替换frameworks/base/core/res/res/drawable-nodpi/default_wallpaper.*  (注意不能是bmp格式) 替换默认锁屏壁纸: 将图片资源放入vendo

C#实战|大乐透选号器[6]:实现实时显示已选择的红蓝球数量

哈喽,你好啊,我是雷工。 关于大乐透选号器在前面已经记录了5篇笔记,这是第6篇; 接下来实现实时显示当前选中红球数量,蓝球数量; 以下为练习笔记。 01 效果演示 当选择和取消选择红球或蓝球时,在对应的位置显示实时已选择的红球、蓝球的数量; 02 标签名称 分别设置Label标签名称为:lblRedCount、lblBlueCount

Android平台播放RTSP流的几种方案探究(VLC VS ExoPlayer VS SmartPlayer)

技术背景 好多开发者需要遴选Android平台RTSP直播播放器的时候,不知道如何选的好,本文针对常用的方案,做个大概的说明: 1. 使用VLC for Android VLC Media Player(VLC多媒体播放器),最初命名为VideoLAN客户端,是VideoLAN品牌产品,是VideoLAN计划的多媒体播放器。它支持众多音频与视频解码器及文件格式,并支持DVD影音光盘,VCD影

透彻!驯服大型语言模型(LLMs)的五种方法,及具体方法选择思路

引言 随着时间的发展,大型语言模型不再停留在演示阶段而是逐步面向生产系统的应用,随着人们期望的不断增加,目标也发生了巨大的变化。在短短的几个月的时间里,人们对大模型的认识已经从对其zero-shot能力感到惊讶,转变为考虑改进模型质量、提高模型可用性。 「大语言模型(LLMs)其实就是利用高容量的模型架构(例如Transformer)对海量的、多种多样的数据分布进行建模得到,它包含了大量的先验

cross-plateform 跨平台应用程序-03-如果只选择一个框架,应该选择哪一个?

跨平台系列 cross-plateform 跨平台应用程序-01-概览 cross-plateform 跨平台应用程序-02-有哪些主流技术栈? cross-plateform 跨平台应用程序-03-如果只选择一个框架,应该选择哪一个? cross-plateform 跨平台应用程序-04-React Native 介绍 cross-plateform 跨平台应用程序-05-Flutte