鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之MenuItem组件

简介: 鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之MenuItem组件

鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之MenuItem组件

一、操作环境

操作系统:  Windows 10 专业版、IDE:DevEco Studio 3.1、SDK:HarmonyOS 3.1+

image.gif 编辑

二、MenuItem组件

用来展示菜单Menu中具体的item菜单项。

子组件

接口

MenuItem(value?: MenuItemOptions| CustomBuilder)

参数:

参数 类型 必填 参数描述
value MenuItemOptions | CustomBuilder 包含设置MenuItem的各项信息。

MenuItemOptions类型说明

名称 类型 必填 描述
startIcon ResourceStr item中显示在左侧的图标信息路径。
content ResourceStr item的内容信息。
endIcon ResourceStr item中显示在右侧的图标信息路径。
labelInfo ResourceStr 定义结束标签信息,如快捷方式Ctrl+C等。
builder CustomBuilder 用于构建二级菜单。

属性

除支持通用属性外,还支持以下属性:

名称 参数类型 描述
selected boolean

设置菜单项是否选中。

默认值:false

selectIcon boolean 当菜单项被选中时,是否显示被选中的图标。

事件

名称 参数类型 描述
onChange (selected: boolean) => void

当选中状态发生变化时,触发该回调。只有手动触发且MenuItem状态改变时才会触发onChange回调。

- value为true时,表示已选中。

- value为false时,表示未选中。

三、示例

详见Menu组件示例。

你有时间常去我家看看我在这里谢谢你啦...

我家地址:亚丁号

最后送大家一首诗:

山高路远坑深,

大军纵横驰奔,

谁敢横刀立马?

惟有点赞加关注大军。

目录
相关文章
|
10天前
|
存储 JavaScript 开发者
探索鸿蒙新世界:ArkUI框架实战指南,解锁HarmonyOS应用UI设计的无限可能!
【10月更文挑战第19天】ArkUI框架是华为鸿蒙系统中用于开发用户界面的核心工具,支持ArkTS和eTS两种开发语言。本文介绍了ArkUI的基本概念、组件使用、布局管理和状态管理,通过示例代码帮助开发者轻松构建美观、高效的跨设备UI。
39 3
|
1天前
|
自然语言处理 开发者
「Mac 畅玩鸿蒙与硬件 11」鸿蒙 UI 组件篇1 - Text 和 Button 组件详解
本篇将详细介绍鸿蒙应用开发中的 Text 和 Button 组件。通过本篇内容,你将学习如何使用 Text 组件显示文本、格式化文本样式,以及如何使用 Button 组件处理点击事件并自定义样式。掌握这些基本组件的用法将为后续的 UI 开发奠定基础。
13 4
|
7天前
|
开发框架 JavaScript 前端开发
HarmonyOS UI开发:掌握ArkUI(包括Java UI和JS UI)进行界面开发
【10月更文挑战第22天】随着科技发展,操作系统呈现多元化趋势。华为推出的HarmonyOS以其全场景、多设备特性备受关注。本文介绍HarmonyOS的UI开发框架ArkUI,探讨Java UI和JS UI两种开发方式。Java UI适合复杂界面开发,性能较高;JS UI适合快速开发简单界面,跨平台性好。掌握ArkUI可高效打造符合用户需求的界面。
44 8
|
4天前
|
开发工具 UED
Flutter&鸿蒙next中封装一个输入框组件
本文介绍了如何创建一个简单的Flutter播客应用。首先,通过`flutter create`命令创建项目;接着,在`lib`目录下封装一个自定义输入框组件`CustomInput`;然后,在主应用文件`main.dart`中使用该输入框组件,实现简单的UI布局和功能;最后,通过`flutter run`启动应用。本文还提供了后续扩展建议,如状态管理、网络请求和UI优化。
79 1
|
8天前
|
存储 数据管理 调度
HarmonyOS架构理解:揭开鸿蒙系统的神秘面纱
【10月更文挑战第21天】华为的鸿蒙系统(HarmonyOS)以其独特的分布式架构备受关注。该架构包括分布式软总线、分布式数据管理和分布式任务调度。分布式软总线实现设备间的无缝连接;分布式数据管理支持跨设备数据共享;分布式任务调度则实现跨设备任务协同。这些特性为开发者提供了强大的工具,助力智能设备的未来发展。
38 1
|
10天前
|
JavaScript API 开发者
掌握ArkTS,打造HarmonyOS应用新视界:从“Hello World”到状态管理,揭秘鸿蒙UI开发的高效秘诀
【10月更文挑战第19天】ArkTS(ArkUI TypeScript)是华为鸿蒙系统中用于开发用户界面的声明式编程语言,结合了TypeScript和HarmonyOS的UI框架。本文介绍ArkTS的基本语法,包括组件结构、模板和脚本部分,并通过“Hello World”和计数器示例展示其使用方法。
24 1
|
14天前
|
数据可视化 JavaScript API
HarmonyOS NEXT原生重榜发布-安利一款鸿蒙可视化代码生成器
鸿蒙低代码可视化开发平台是基于华为鸿蒙操作系统构建的创新开发环境,旨在通过简化开发流程、降低技术门槛,加速应用从设计到上线的全过程。它融合了低代码开发的核心理念与鸿蒙系统的技术优势,为开发者提供了一条高效、便捷的应用开发之路。
40 2
|
2天前
|
开发工具
Flutter&鸿蒙next中封装一个列表组件
Flutter&鸿蒙next中封装一个列表组件
8 0
|
24天前
|
JSON API 数据格式
低代码实现鸿蒙API返回JSON转TS及快速生成ArkUI代码
低代码实现鸿蒙API返回JSON转TS及快速生成ArkUI代码
31 0
低代码实现鸿蒙API返回JSON转TS及快速生成ArkUI代码
|
21天前
|
JavaScript 前端开发
鸿蒙 NEXT 如何使用 @Styles 装饰器来优化我的组件代码?
【10月更文挑战第16天】在鸿蒙 NEXT 中,`@Styles` 装饰器用于优化组件的样式定义,使代码更清晰和易于维护。通过将样式属性封装到独立对象中,避免了冗长的内联样式,提高了代码的可读性和可维护性。使用步骤包括定义样式对象、在组件中引入并应用装饰器,支持多个样式对象的组合和动态应用。注意样式对象的属性名需与组件支持的样式属性一致,且后定义的样式会覆盖前者的同名属性。

热门文章

最新文章