鸿蒙HarmonyOS实战-ArkUI组件（Menu）_arkui 父页面展示子页面

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数HarmonyOS鸿蒙开发工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年HarmonyOS鸿蒙开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上HarmonyOS鸿蒙开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新

如果你觉得这些内容对你有帮助，可以添加VX：vip204888 （备注鸿蒙获取）

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

@Entry
@Component
struct Index {
@State select: boolean = true
private iconStr: ResourceStr = $r(“app.media.app_icon”)
private iconStr2: ResourceStr = $r(“app.media.app_icon”)
@Builder
SubMenu() {
Menu() {
MenuItem({ content: “复制”, labelInfo: “Ctrl+C” })
MenuItem({ content: “粘贴”, labelInfo: “Ctrl+V” })
}
}

@Builder
MyMenu(){
Menu() {
MenuItem({ startIcon: $r(“app.media.icon”), content: “菜单选项” })
MenuItem({ startIcon: $r(“app.media.icon”), content: “菜单选项” }).enabled(false)
MenuItem({
startIcon: this.iconStr,
content: “菜单选项”,
endIcon: $r(“app.media.app_icon”),
// 当builder参数进行配置时，表示与menuItem项绑定了子菜单。鼠标hover在该菜单项时，会显示子菜单。
builder: this.SubMenu.bind(this),
})
MenuItemGroup({ header: ‘小标题’ }) {
MenuItem({ content: “菜单选项” })
.selectIcon(true)
.selected(this.select)
.onChange((selected) => {
console.info(“menuItem select” + selected);
this.iconStr2 = $r(“app.media.icon”);
})
MenuItem({
startIcon: $r(“app.media.app_icon”),
content: “菜单选项”,
endIcon: $r(“app.media.app_icon”),
builder: this.SubMenu.bind(this)
})
}
MenuItem({
startIcon: this.iconStr2,
content: “菜单选项”,
endIcon: $r(“app.media.app_icon”)
})
}
}

build() {
Row() {
Button(‘click for Menu’)
.bindMenu(this.MyMenu)
// .bindContextMenu(this.MyMenu, ResponseType.RightClick) 设置菜单打开行为
}
}
}

![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/a4173cb887284afab0086b1dc024e4dd.png)  
 本人测试子菜单在模拟器和预览都出不来


###  🚀写在最后


* 如果你觉得这篇内容对你还蛮有帮助，我想邀请你帮我三个小忙：
* 点赞，转发，有你们的 『点赞和评论』，才是我创造的动力。
* 关注小编，同时可以期待后续文章ing🚀，不定期分享原创知识。
* 想要获取文中提到的学习资料，请点击→[全套鸿蒙HarmonyOS学习资料]( )
* 或者关注小编后私信回复【666】也可获取资料哦~~


![](https://img-blog.csdnimg.cn/direct/2083e621c8cd4b84b721561f241b2bef.png)



6】也可获取资料哦~~


![](https://img-blog.csdnimg.cn/direct/2083e621c8cd4b84b721561f241b2bef.png)