鸿蒙应用开发之下拉菜单选择组件

最新推荐文章于 2025-05-27 10:43:04 发布
最新推荐文章于 2025-05-27 10:43:04 发布
阅读量951 收藏
点赞数 5
CC 4.0 BY-SA版权
分类专栏： 鸿蒙系统应用开发 文章标签： 鸿蒙 鸿蒙应用
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/caimouse/article/details/137819122
本文介绍如何在鸿蒙应用中使用下拉菜单选择组件。该组件提供了一个下拉式的菜单，允许用户点击选择。文章详细阐述了组件的界面、参数设置、接口定义，包括选项的图标和文本显示，以及如何处理用户选中后的事件。示例代码展示了如何创建和定制菜单项。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

前面学习了搜索框组件，接着下来学习下位菜单选择组件。它实现了一个下拉式的菜单，当用户点击下拉菜单中某一项，就会被选中。

这个组件的界面大体如下：

这个组件可以设置每一项的图标，以及文本显示。由于它是下拉式的菜单，所以候选的内容建议不要太多，否则会滚动比较麻烦。

这个组件接口定义如下：

Select(options: Array<SelectOption>)

了解本专栏 订阅专栏 解锁全文 超级会员免费看
鸿蒙应用开发之滑动选择组件
大坡3D软件开发
04-16 486
可以用手滑动上面的滑块，就可以调节对应的数字。滑动的时候可以设备滑动的步长，默认的步长是1，意思就是说最小调整的单位为1。前面学习了下拉选择菜单组件，现在来学习滑动选择组件，它是提供快速调节设置值，如音量调节、亮度调节等应用场景。也就是说，这个组件可以通过滑动条来设置对应的数值，而不需要用户手动输入数字。从API version 9开始，该接口支持在ArkTS卡片中使用。从API version 9开始，该接口支持在ArkTS卡片中使用。从API version 9开始，该接口支持在ArkTS卡片中使用。
鸿蒙OS应用开发之菜单
大坡3D软件开发
01-02 768
前面学习了弹出式气泡提示，可以达到内容提示和交互，但是如果需要更多的选择，就不合适使用它来选择。这时应该采用菜单的方式，就可以达到更多的选择和设置，并且对于用户来说也是比较友好，因为它是采用一种清单列表的方式，而且有子菜单分类，分层显示。这是第一个菜单项，菜单显示名称由value来设置，所以这里显示为'菜单项1'，接着定义菜单的事件响应函数action，这与前面气泡提示的响应是一样的。Menu()函数，作为菜单的固定容器，无参数。如果前面标准的菜单项不满足设计的要求，就需要采用自定义格式的菜单了。
鸿蒙（HarmonyOS）下拉选择控件
Jafer的博客
07-25 1664
鸿蒙（HarmonyOS）下拉选择控件 Select 操作系统: Windows 11 专业版、IDE:DevEco Studio 3.1.1 Release、SDK:HarmonyOS 3.1.0（API 9）
鸿蒙开发之下拉菜单Menu
Lu_Ca的博客
01-19 2066
鸿蒙定义了很好的下拉组件，对比原生iOS或android需要自定义来说确实简单太多了，而且原生相对自定义来说要稳定太多了。 上图来自官网案例。 一、API使用 Menu作为容器组件，内部使用MenuItem作为每一条的选项。其中，通过MenuItem控制具体的选项信息。 MenuItem可以传递参数 startIcon?: ResourceStr; //起始位置的图标 content?: ResourceStr; //内容，左侧标题 endIcon?: ResourceStr; //末尾
鸿蒙OS&UniApp 实现带搜索功能的下拉菜单#三方框架 #Uniapp
最新发布
小淼淼的博客
05-27 947
带搜索功能的下拉菜单是提升移动端表单与筛选体验的利器。通过 UniApp 的组件化和跨平台特性，我们可以高效实现兼容鸿蒙的高性能下拉菜单。未来还可结合远程搜索、分组展示等进一步丰富场景。希望本文的讲解和代码示例能为你的项目带来启发，欢迎留言交流更多鸿蒙适配经验！
【鸿蒙软件开发】ArkTS基础组件之Select(下拉菜单)、Slider(滑动条)
m0_62599305的博客
10-28 6676
Select组件：提供下拉选择菜单，可以让用户在多个选项之间选择。Slider组件：滑动条组件，通常用于快速调节设置值，如音量调节、亮度调节等应用场景。Select组件：提供下拉选择菜单，可以让用户在多个选项之间选择。Slider组件：滑动条组件，通常用于快速调节设置值，如音量调节、亮度调节等应用场景。
鸿蒙开发--点击下拉菜单，同时最下面出现遮罩层的实现方法
weixin_73579626的博客
10-27 688
除去最上面的Naviation标题（房源列表），该页面有两个SearchFilter搜索筛选（包括其中的下拉菜单），RoomList房源列表。
HarmonyOS-UIAbitity-Select——【坚果派-红目香薰】
红目香薰
02-22 992
HarmonyOS-UIAbitity-Select——【坚果派-红目香薰】
【HarmonyOS实战开发】鸿蒙内置组件详解
HarmonyOS_002的博客
07-09 1678
这份鸿蒙（HarmonyOS NEXT）资料包含了鸿蒙开发必掌握的核心知识要点，内容包含了（ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、OpenHarmony南向开发、鸿蒙项目实战等等）鸿蒙（HarmonyOS NEXT）技术知识点。
【鸿蒙实战开发】基于JS通用组件的鸿蒙购物应用开发实现
HarmonyOS007的博客
08-06 1392
这份鸿蒙（HarmonyOS NEXT）文档包含了鸿蒙开发必掌握的核心知识要点，内容包含了（ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、OpenHarmony南向开发、鸿蒙项目实战等等）鸿蒙（HarmonyOS NEXT）技术知识点。
鸿蒙 HarmonyOS 下拉控件
小北的博客
09-06 1063
在移动开发中，列表刷新是常见的功能，用户可以通过下拉刷新或上拉加载更多数据来更新内容。在HarmonyOS中，虽然系统提供了一些基本的刷新控件，但其功能和定制性可能无法满足复杂的需求。为了解决这个问题，社区中也有一些第三方刷新控件，其中是一个优秀的解决方案。本文将介绍如何在HarmonyOS项目中使用实现自定义的列表刷新功能。HarmonyOS 提供了等基础控件用于下拉刷新操作。这些控件适合基础的列表刷新场景，但在定制性上较为有限。控件样式不可自由修改；无法灵活地控制加载更多的行为；
鸿蒙5.0版开发：ArkTS基础组件（Select）
m0_69424697的博客
09-19 1898
提供下拉选择菜单，可以让用户在多个选项之间选择。
Js/JQuery下拉框添加新选项
iam_syq的博客
04-16 3925
Js <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name...
鸿蒙Harmony应用开发—ArkTS声明式开发（基础手势：Select）
m0_64420071的博客
03-12 2153
ArkTS声明式开发（基础手势：Select）
鸿蒙selector的使用方式
shenfei平凡之路
07-15 615
在官网文档中，并没有详细说明按钮点击效果如何使用selector的使用方式等。因为系统还需完善，只能自己慢慢摸索了。 控件焦点状态如下，这个是动态jave代码添加组件状态时使用。 package ohos.agp.components; public class ComponentState { public static final int COMPONENT_STATE_CHECKED = 64; //被选中 public static final int COMPONENT_STAT
Harmonyos 自定义下拉列表框（select）
liuye066的专栏
07-24 8553
自定义一个下拉列表框，当这个功能有效时，点击可弹出下拉框，选中某个选项后，在左边功能名称下面显示选项值，右边的箭头替换成自定义图标，例如手法功能；当功能无效时，置灰，如力度功能； 具体示例如下： 代码如下：index.hml <!--手法无效时--> <div class="fun-grid-item" if="{{manualInvalid}}"> <div class="grid-item-parent-ver.
第九节HarmonyOS 常用基础组件28-Select
yyxhzdm的博客
02-23 1099
设置下拉菜单选中项的文本样式。默认值：{size：‘16fp’,weight：FontWeight.Regular}设置下拉菜单初始选项的索引，第一项的索引为0。默认值：{size：‘16fp’,weight：FontWeight.Medium}设置下拉菜单项的文本样式。默认值：{size：‘16fp’,weight：FontWeight.Regular}功能描述：下拉菜单选中某一项的回调。value：选中项的值。设置下拉菜单选中项的背景颜色。设置下拉菜单选中项的文本颜色。设置下拉菜单项的文本颜色。
鸿蒙OpenHarmony【select】JS基础组件
hhhhhh2323的博客
12-03 381
下拉选择按钮，可使用下拉菜单展示并选择内容。
鸿蒙select组件高度问题
m0_60880588的博客
08-05 486
select组件高度不能往小调，应该是最小高度给限制了，不知道是不是底层的原因。给组件使用constraintSize重新限制一下尺寸范围。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

caimouse

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值