HarmonyOS NEXT鸿蒙应用开发 ArkUI 教程目录 作者：马育民 • 2025-10-22 21:54 • 阅读：10063 # 入门 1. [HarmonyOS NEXT鸿蒙开发：ArkTS工程目录结构（Stage模型）](https://www.malaoshi.top/show_1IX8gULxGc9D.html "HarmonyOS NEXT鸿蒙开发：ArkTS工程目录结构（Stage模型）") 2. [HarmonyOS NEXT鸿蒙开发 ArkTS：启动previewer预览](https://www.malaoshi.top/show_1GW1xk0Rfy0x.html "HarmonyOS NEXT鸿蒙开发 ArkTS：启动previewer预览") 3. [HarmonyOS NEXT鸿蒙开发：Index.ets 首页文件](https://www.malaoshi.top/show_1GW1xlt8OeIi.html "HarmonyOS NEXT鸿蒙开发：Index.ets 首页文件") 4. [HarmonyOS NEXT鸿蒙开发：@Entry装饰器表示应用的入口](https://www.malaoshi.top/show_1GW1y5nDSf7y.html "HarmonyOS NEXT鸿蒙开发：@Entry装饰器表示应用的入口") 5. [HarmonyOS NEXT鸿蒙开发 ArkTS：第一个程序打印Hello World](https://www.malaoshi.top/show_1GW1xk4vzSLI.html "HarmonyOS NEXT鸿蒙开发 ArkTS：第一个程序打印Hello World") 6. [HarmonyOS NEXT鸿蒙开发 ArkTS：查看打印日志](https://www.malaoshi.top/show_1GW1xk4ZcVEG.html "HarmonyOS NEXT鸿蒙开发 ArkTS：查看打印日志") # ArkTS 开发语言 [HarmonyOS NEXT鸿蒙应用开发 ArkTS 教程目录（精华）](https://www.malaoshi.top/show_1GW25cuY71D2.html "HarmonyOS NEXT鸿蒙应用开发 ArkTS 教程目录（精华）") # ArkUI框架-基础组件 - [HarmonyOS NEXT鸿蒙开发：Text文本显示组件](https://www.malaoshi.top/show_1GW1xnV7R1LA.html "HarmonyOS NEXT鸿蒙开发：Text文本显示组件") - [HarmonyOS NEXT鸿蒙开发：TextInput 单行文本输入组件](https://www.malaoshi.top/show_1GW1xpLJ39YM.html "HarmonyOS NEXT鸿蒙开发：TextInput 单行文本输入组件") - [HarmonyOS NEXT鸿蒙开发：Button按钮](https://www.malaoshi.top/show_1GW1yAFn9gFm.html "HarmonyOS NEXT鸿蒙开发：Button按钮") # 布局入门 - [HarmonyOS NEXT鸿蒙开发ArkUI：布局介绍](https://www.malaoshi.top/show_1GW25by7TZuW.html "HarmonyOS NEXT鸿蒙开发ArkUI：布局介绍") - [HarmonyOS NEXT鸿蒙开发：Column布局](https://www.malaoshi.top/show_1GW3cJ6Wklj.html "HarmonyOS NEXT鸿蒙开发：Column布局") - [HarmonyOS NEXT鸿蒙开发：Row布局](https://www.malaoshi.top/show_1GW3cNWvWWs.html "HarmonyOS NEXT鸿蒙开发：Row布局") - [HarmonyOS NEXT鸿蒙开发ArkUI：通用属性（尺寸、布局、外边距、内边距、对齐、定位、显示、可见性、背景、边框）](https://www.malaoshi.top/show_1GW25cCWurcQ.html "HarmonyOS NEXT鸿蒙开发ArkUI：通用属性（尺寸、布局、外边距、内边距、对齐、定位、显示、可见性、背景、边框）") - [HarmonyOS NEXT鸿蒙开发 ArkUI：尺寸单位 px、vp、%百分比、fp](https://www.malaoshi.top/show_1GW25dLclU3J.html "HarmonyOS NEXT鸿蒙开发 ArkUI：尺寸单位 px、vp、%百分比、fp") - [HarmonyOS NEXT鸿蒙开发：案例：京东评论列表中的回复、有用按钮（图片文本按钮）](https://www.malaoshi.top/show_1GW2IPxVpOAs.html "HarmonyOS NEXT鸿蒙开发：案例：京东评论列表中的回复、有用按钮（图片文本按钮）") - [HarmonyOS NEXT鸿蒙开发ArkUI：案例-实现登录界面](https://www.malaoshi.top/show_1GW25c4ah1p0.html "HarmonyOS NEXT鸿蒙开发ArkUI：实现登录界面") # 图片组件 - [HarmonyOS NEXT鸿蒙开发：Image图片组件](https://www.malaoshi.top/show_1IX8kNelFsU1.html "HarmonyOS NEXT鸿蒙开发：Image图片组件") # Resource 1. [HarmonyOS NEXT鸿蒙开发：Resource介绍](https://www.malaoshi.top/show_1IX8kNolmDqC.html "HarmonyOS NEXT鸿蒙开发：Resource介绍") 2. [HarmonyOS NEXT鸿蒙开发：Resource加载图片](https://www.malaoshi.top/show_1IX8kNqXZHoE.html "HarmonyOS NEXT鸿蒙开发：Resource加载图片") # 状态 1. [HarmonyOS NEXT鸿蒙开发：@State装饰器：组件内状态](https://www.malaoshi.top/show_1GWjVuffTx.html "HarmonyOS NEXT鸿蒙开发：@State装饰器：组件内状态") 2. [HarmonyOS NEXT鸿蒙开发：$$语法：内置组件双向同步](https://www.malaoshi.top/show_1GWjc4sqsS.html "HarmonyOS NEXT鸿蒙开发：$$语法：内置组件双向同步") # 表单组件 - [HarmonyOS NEXT鸿蒙开发：$$语法：内置组件双向同步（双向数据绑定）](https://www.malaoshi.top/show_1GW1xzkkqJE9.html "HarmonyOS NEXT鸿蒙开发：语法：内置组件双向同步（双向数据绑定）") - [HarmonyOS NEXT鸿蒙开发：TextArea 多行文本输入组件](https://www.malaoshi.top/show_1GW1y1gv36kc.html "HarmonyOS NEXT鸿蒙开发：TextArea 多行文本输入组件") - [HarmonyOS NEXT鸿蒙开发：Radio单选框](https://www.malaoshi.top/show_1GW1yCLanRTy.html "HarmonyOS NEXT鸿蒙开发：Radio单选框") - [HarmonyOS NEXT鸿蒙开发：Checkbox多选框](https://www.malaoshi.top/show_1GW1yAyubCem.html "HarmonyOS NEXT鸿蒙开发：Checkbox多选框") - [HarmonyOS NEXT鸿蒙开发：Checkbox多选框-根据数组动态生成复选框](https://www.malaoshi.top/show_1GW1yBYMUHPm.html "HarmonyOS NEXT鸿蒙开发：Checkbox多选框-根据数组动态生成复选框") - [HarmonyOS NEXT鸿蒙开发：Select下拉控件](https://www.malaoshi.top/show_1GW3WukH199.html "HarmonyOS NEXT鸿蒙开发：Select下拉控件") ### 其他组件 - [HarmonyOS NEXT鸿蒙开发ArkUI：Counter计数器组件（实现购买商品数量）](https://www.malaoshi.top/show_1GW2FpM10g0Y.html "HarmonyOS NEXT鸿蒙开发ArkUI：Counter计数器组件（实现购买商品数量）") - [HarmonyOS NEXT鸿蒙开发-ArkUI ：Rating 评分组件](https://www.malaoshi.top/show_1GW2F6SI35fI.html "HarmonyOS NEXT鸿蒙开发-ArkUI ：Rating 评分组件") - [HarmonyOS NEXT鸿蒙开发ArkUI：案例-评价界面（Rating组件、TextArea组件）](https://www.malaoshi.top/show_1GW2FSTP03zy.html "HarmonyOS NEXT鸿蒙开发ArkUI：案例-评价界面（Rating组件、TextArea组件）") - [HarmonyOS NEXT鸿蒙开发：Toggle开关控件](https://www.malaoshi.top/show_1GW3YRnoQO6.html "HarmonyOS NEXT鸿蒙开发：Toggle开关控件") - [HarmonyOS NEXT鸿蒙开发：Slider 滑动组件](https://www.malaoshi.top/show_1GW3c6aRvB6.html "HarmonyOS NEXT鸿蒙开发：Slider 滑动组件") - [HarmonyOS NEXT鸿蒙开发ArkUI：Search搜索框组件](https://www.malaoshi.top/show_1GW2GZfSH8c5.html "HarmonyOS NEXT鸿蒙开发ArkUI：Search搜索框组件") - [HarmonyOS NEXT鸿蒙开发ArkUI：CalendarPicker日历组件](https://www.malaoshi.top/show_1GW2Gd6XoDfB.html "HarmonyOS NEXT鸿蒙开发ArkUI：CalendarPicker日历组件") # 事件 - [HarmonyOS NEXT鸿蒙开发：事件介绍](https://www.malaoshi.top/show_1GW1xo9zJTg1.html "HarmonyOS NEXT鸿蒙开发：事件介绍") - [HarmonyOS NEXT鸿蒙开发：onClick点击事件、onLongPress长按事件](https://www.malaoshi.top/show_1GW1xo1rinSa.html "HarmonyOS NEXT鸿蒙开发：onClick点击事件、onLongPress长按事件") - [HarmonyOS NEXT鸿蒙开发 ArkUI：通用事件](https://www.malaoshi.top/show_1GW2L0rpZdQi.html "HarmonyOS NEXT鸿蒙开发 ArkUI：通用事件") # 信息展示组件 - [HarmonyOS NEXT鸿蒙开发ArkUI：Badge信息标记组件（微信右上角未读消息提醒数量）](https://www.malaoshi.top/show_1GW2Fq4pCYkM.html "HarmonyOS NEXT鸿蒙开发ArkUI：Badge信息标记组件（微信右上角未读消息提醒数量）") - [HarmonyOS NEXT鸿蒙开发ArkUI：QRCode二维码组件](https://www.malaoshi.top/show_1GW2GcbC7ag7.html "HarmonyOS NEXT鸿蒙开发ArkUI：QRCode二维码组件") # 布局 - [HarmonyOS NEXT鸿蒙开发：Column布局](https://www.malaoshi.top/show_1GW3cJ6Wklj.html "HarmonyOS NEXT鸿蒙开发：Column布局") - [HarmonyOS NEXT鸿蒙开发：Row布局](https://www.malaoshi.top/show_1GW3cNWvWWs.html "HarmonyOS NEXT鸿蒙开发：Row布局") - [HarmonyOS NEXT鸿蒙开发ArkUI：Blank空白填充组件（搭配Row、Column、Flex布局）](https://www.malaoshi.top/show_1GW2FsawLrQe.html "HarmonyOS NEXT鸿蒙开发ArkUI：Blank空白填充组件（搭配Row、Column、Flex布局）") - [HarmonyOS NEXT鸿蒙开发：Row布局实现标题](https://www.malaoshi.top/show_1GW3cWpfodb.html "HarmonyOS NEXT鸿蒙开发：Row布局实现标题") - [HarmonyOS鸿蒙开发-布局：Stack](https://www.malaoshi.top/show_1IX8hbjzHmXQ.html "HarmonyOS鸿蒙开发-布局：Stack") - [HarmonyOS NEXT鸿蒙开发：RelativeContainer 布局](https://www.malaoshi.top/show_1GW1xnATLlfE.html "HarmonyOS NEXT鸿蒙开发：RelativeContainer 布局") # 综合案例 - [HarmonyOS NEXT鸿蒙开发：案例：京东评论列表（一）](https://www.malaoshi.top/show_1GW2IQ7o1j2Q.html "HarmonyOS NEXT鸿蒙开发：案例：京东评论列表（一）") # List、ListItem、ListItemGroup 1. [HarmonyOS NEXT鸿蒙开发：List列表、ListItem、ListItemGroup介绍](https://www.malaoshi.top/show_1GW515vj7au.html "HarmonyOS NEXT鸿蒙开发：List列表、ListItem、ListItemGroup介绍") 2. [HarmonyOS NEXT鸿蒙开发：List列表](https://www.malaoshi.top/show_1GW54yR1L0E.html "HarmonyOS NEXT鸿蒙开发：List列表") 3. [HarmonyOS NEXT鸿蒙开发：ListItem](https://www.malaoshi.top/show_1GW55DElFof.html "HarmonyOS NEXT鸿蒙开发：ListItem") 4. [HarmonyOS NEXT鸿蒙开发：List列表、ListItem 案例](https://www.malaoshi.top/show_1GW54wd9rb8.html "HarmonyOS NEXT鸿蒙开发：List列表、ListItem 案例") ### 综合案例 - [HarmonyOS NEXT鸿蒙开发：List列表、ListItem 综合案例：通讯录（1）-实现界面](https://www.malaoshi.top/show_1GW2KId6X1nI.html "HarmonyOS NEXT鸿蒙开发：List列表、ListItem 综合案例：通讯录（1）-实现界面") - [HarmonyOS NEXT鸿蒙开发：拨打电话](https://www.malaoshi.top/show_1GW2KIRSo0sk.html "HarmonyOS NEXT鸿蒙开发：拨打电话") - [HarmonyOS NEXT鸿蒙开发：List列表、ListItem 综合案例：通讯录（2）-实现拨打电话](https://www.malaoshi.top/show_1GW2KIetRlAN.html "HarmonyOS NEXT鸿蒙开发：List列表、ListItem 综合案例：通讯录（2）-实现拨打电话") # 复用代码 - [HarmonyOS NEXT鸿蒙开发：@Styles装饰器：定义组件重用样式](https://www.malaoshi.top/show_1GW4deUX44s.html "HarmonyOS NEXT鸿蒙开发：@Styles装饰器：定义组件重用样式") - [HarmonyOS NEXT鸿蒙开发：@Builder装饰器（复用的 UI 片段）](https://www.malaoshi.top/show_1GW1yX2Ajh5T.html "HarmonyOS NEXT鸿蒙开发：@Builder装饰器（复用的 UI 片段）") - [HarmonyOS NEXT鸿蒙开发：List列表、ListItem 综合案例：通讯录（3）-优化代码：@Builder装饰器（复用的 UI 片段）](https://www.malaoshi.top/show_1GW2KIlsDgpl.html "HarmonyOS NEXT鸿蒙开发：List列表、ListItem 综合案例：通讯录（3）-优化代码：@Builder装饰器（复用的 UI 片段）") # Tabs - [HarmonyOS NEXT鸿蒙开发ArkUI：Tabs和TabContent](https://www.malaoshi.top/show_1GW2MtBvvgki.html "HarmonyOS NEXT鸿蒙开发ArkUI：Tabs和TabContent") # ForEach循环渲染 - [HarmonyOS NEXT鸿蒙开发：ForEach循环渲染](https://www.malaoshi.top/show_1GW570S1SaU.html "HarmonyOS NEXT鸿蒙开发：ForEach循环渲染") - [HarmonyOS NEXT鸿蒙开发：ForEach循环渲染List列表、ListItem 案例](https://www.malaoshi.top/show_1GW1yB2beA68.html "HarmonyOS NEXT鸿蒙开发：ForEach循环渲染List列表、ListItem 案例") # 自定义组件 - [HarmonyOS NEXT鸿蒙开发：创建自定义组件（struct、build()函数）](https://www.malaoshi.top/show_1GW1QfElTpD.html "HarmonyOS NEXT鸿蒙开发：创建自定义组件（struct、build()函数）") - [HarmonyOS NEXT鸿蒙开发：@Component 装饰器](https://www.malaoshi.top/show_1GW1y74VVbrb.html "HarmonyOS NEXT鸿蒙开发：@Component 装饰器") - [HarmonyOS NEXT鸿蒙开发：@Component 与 @Entry 的关系与区别](https://www.malaoshi.top/show_1GW1y6v9iCHw.html "HarmonyOS NEXT鸿蒙开发：@Component 与 @Entry 的关系与区别") # 高级 1. [HarmonyOS NEXT鸿蒙开发：父组件引用子组件（@Prop）](https://www.malaoshi.top/show_1GW1QWbsYtr.html "HarmonyOS NEXT鸿蒙开发：父组件引用子组件（@Prop）") - [HarmonyOS NEXT鸿蒙开发 ArkUI：@Prop 和 @State 区别](https://www.malaoshi.top/show_1GW22SJb0lho.html "HarmonyOS NEXT鸿蒙开发 ArkUI：@Prop 和 @State 区别") 2. [HarmonyOS NEXT鸿蒙开发：UIAbility组件（EntryAbility.ets）](https://www.malaoshi.top/show_1GWwYNaWf2.html "HarmonyOS NEXT鸿蒙开发：UIAbility组件（EntryAbility.ets）") 3. [HarmonyOS NEXT鸿蒙开发：Span 组件（实现同一行文本的不同样式）](https://www.malaoshi.top/show_1GW1xoI6NeGA.html "HarmonyOS NEXT鸿蒙开发：Span 组件（实现同一行文本的不同样式）") # 弹窗 - [HarmonyOS NEXT鸿蒙开发：promptAction 弹窗](https://www.malaoshi.top/show_1GW1y2OvifAb.html "HarmonyOS NEXT鸿蒙开发：promptAction 弹窗") - [HarmonyOS NEXT鸿蒙开发：AlertDialog 警告弹窗、确认弹窗](https://www.malaoshi.top/show_1GW1y4gZTNR1.html "HarmonyOS NEXT鸿蒙开发：AlertDialog 警告弹窗、确认弹窗") - [HarmonyOS NEXT鸿蒙开发：CustomDialog自定义对话框](https://www.malaoshi.top/show_1GW1y5WHIYH3.html "HarmonyOS NEXT鸿蒙开发：CustomDialog自定义对话框") # 生命周期 1. [HarmonyOS NEXT鸿蒙开发：组件的生命周期、回调函数](https://www.malaoshi.top/show_1GW1Tl0TUBL.html "HarmonyOS NEXT鸿蒙开发：组件的生命周期、回调函数") 2. [HarmonyOS NEXT鸿蒙开发：页面的生命周期、回调函数](https://www.malaoshi.top/show_1GW1Tv9rllG.html "HarmonyOS NEXT鸿蒙开发：页面的生命周期、回调函数") # 路由 [HarmonyOS NEXT鸿蒙开发：页面间跳转(页面路由router)](https://www.malaoshi.top/show_1IX8jhf4sOLO.html "HarmonyOS NEXT鸿蒙开发：页面间跳转(页面路由router)") # 数据持久化 1. [HarmonyOS NEXT鸿蒙开发：数据持久化介绍](https://www.malaoshi.top/show_1GWBdsKm3w.html "HarmonyOS NEXT鸿蒙开发：数据持久化介绍") 2. [HarmonyOS NEXT鸿蒙开发：数据持久化-分布式键值数据库](http://www.malaoshi.top/show_1GWOfnuF1z.html "HarmonyOS NEXT鸿蒙开发：数据持久化-分布式键值数据库") 3. [HarmonyOS NEXT鸿蒙开发：数据持久化-用户首选项](https://www.malaoshi.top/show_1GWBeHMO72.html "HarmonyOS NEXT鸿蒙开发：数据持久化-用户首选项") # 文件读写 [HarmonyOS NEXT鸿蒙开发：读取 rawfile 目录下的文本文件（resourceManager、getRawFileContentSync、getRawFileContent）](https://www.malaoshi.top/show_1IX8jV3zhIwC.html "HarmonyOS NEXT鸿蒙开发：读取 rawfile 目录下的文本文件（resourceManager、getRawFileContentSync、getRawFileContent）") # 网络请求 1. [HarmonyOS NEXT鸿蒙开发：网络请求-Remote Communication Kit（远场通信服务）介绍、申请网络权限](https://www.malaoshi.top/show_1GW1yrnd1ZNl.html "HarmonyOS NEXT鸿蒙开发：网络请求-Remote Communication Kit（远场通信服务）介绍、申请网络权限") 2. [HarmonyOS NEXT鸿蒙开发：网络请求-Remote Communication Kit（远场通信服务）创建session](https://www.malaoshi.top/show_1GW1yu3iULES.html "HarmonyOS NEXT鸿蒙开发：网络请求-Remote Communication Kit（远场通信服务）创建session") 3. [HarmonyOS NEXT鸿蒙开发：网络请求-Remote Communication Kit（远场通信服务）发送 GET 请求](https://www.malaoshi.top/show_1GW1ytDl2vRg.html "HarmonyOS NEXT鸿蒙开发：网络请求-Remote Communication Kit（远场通信服务）发送 GET 请求") 4. [HarmonyOS NEXT鸿蒙开发：网络请求-Remote Communication Kit（远场通信服务）发送POST请求](https://www.malaoshi.top/show_1GW1yttmxyoo.html "HarmonyOS NEXT鸿蒙开发：网络请求-Remote Communication Kit（远场通信服务）发送POST请求") # 模块 1. [HarmonyOS NEXT鸿蒙开发：模块](https://www.malaoshi.top/show_1GW1yuNzMPll.html "HarmonyOS NEXT鸿蒙开发：模块") 2. [HarmonyOS NEXT鸿蒙开发：自定义模块](https://www.malaoshi.top/show_1GW1yuapTTQW.html "HarmonyOS NEXT鸿蒙开发：自定义模块") # 配置文件 1. [HarmonyOS NEXT鸿蒙开发：app.json5配置文件](https://www.malaoshi.top/show_1GWw6jiFah.html "HarmonyOS NEXT鸿蒙开发：app.json5配置文件") - [HarmonyOS NEXT鸿蒙开发：bundleName应用包名](https://www.malaoshi.top/show_1GWNXoRyHQ.html "HarmonyOS NEXT鸿蒙开发：bundleName应用包名") 2. [HarmonyOS NEXT鸿蒙开发：module.json5-UIAbility组件、启动模式、abilities标签、应用图标、应用名](https://www.malaoshi.top/show_1GWwjeI0Fk.html "HarmonyOS NEXT鸿蒙开发：module.json5-UIAbility组件、启动模式、abilities标签、应用图标、应用名") 3. [HarmonyOS NEXT鸿蒙开发：main_pages.json](https://www.malaoshi.top/show_1GWwQg4fZb.html "HarmonyOS NEXT鸿蒙开发：main_pages.json") # 样式 - [HarmonyOS NEXT鸿蒙开发：阴影](https://www.malaoshi.top/show_1IX8jPifP43M.html "HarmonyOS NEXT鸿蒙开发：阴影") # 多媒体 1. [HarmonyOS NEXT鸿蒙开发：使用AVPlayer开发音频播放功能](https://www.malaoshi.top/show_1IX8k35PYTqc.html "HarmonyOS NEXT鸿蒙开发：使用AVPlayer开发音频播放功能") 2. [HarmonyOS NEXT鸿蒙开发：使用SoundPool播放音频](https://www.malaoshi.top/show_1IX8kDuhlhBs.html "HarmonyOS NEXT鸿蒙开发：使用SoundPool播放音频") # 震动 - [HarmonyOS NEXT鸿蒙开发：vibrator 振动](https://www.malaoshi.top/show_1GW3tLFlPTm.html "HarmonyOS NEXT鸿蒙开发：vibrator 振动") # 动画 1. [HarmonyOS NEXT鸿蒙开发：animateTo动画](https://www.malaoshi.top/show_1IX8jkaiZecf.html "HarmonyOS NEXT鸿蒙开发：animateTo动画") 2. [HarmonyOS NEXT鸿蒙开发：Curve动画缓动效果](https://www.malaoshi.top/show_1IX8jsFOhp1z.html "HarmonyOS NEXT鸿蒙开发：Curve动画缓动效果") # 权限 - [HarmonyOS NEXT鸿蒙开发：应用权限介绍](https://www.malaoshi.top/show_1GW3j635nON.html "HarmonyOS NEXT鸿蒙开发：应用权限介绍") - [HarmonyOS NEXT鸿蒙开发：配置权限](https://www.malaoshi.top/show_1GW3jCWvGMY.html "HarmonyOS NEXT鸿蒙开发：配置权限") # 发布 1. [HarmonyOS NEXT鸿蒙开发：发布时，需要修改的配置](https://www.malaoshi.top/show_1GWwMchuRR.html "HarmonyOS NEXT鸿蒙开发：发布时，需要修改的配置") 2. [HarmonyOS NEXT鸿蒙开发：发布元服务](https://www.malaoshi.top/show_1GW4iRz8YMJ.html "HarmonyOS NEXT鸿蒙开发：发布元服务") 原文出处：http://malaoshi.top/show_1GW25cxKsChE.html