HarmonyOS NEXT鸿蒙应用开发 ArkUI 教程目录-马育民老师

# 入门

1. [HarmonyOS NEXT鸿蒙开发：Stage 模型介绍（AbilityStage、UIAbility组件、WindowStage、Context）](https://www.malaoshi.top/show_1GW2SEP9iWGo.html "HarmonyOS NEXT鸿蒙开发：Stage 模型介绍（AbilityStage、UIAbility组件、WindowStage、Context）")

- [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和@Component装饰器介绍](https://www.malaoshi.top/show_1GW1y5nDSf7y.html "HarmonyOS NEXT鸿蒙开发：@Entry和@Component装饰器介绍")

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：触摸事件](https://www.malaoshi.top/show_1GW2NoPBAqUm.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鸿蒙开发：Grid布局（GridItem）](https://www.malaoshi.top/show_1GW34VR2bHrs.html "HarmonyOS NEXT鸿蒙开发：Grid布局（GridItem）")

# 综合案例

- [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 案例")

5. [HarmonyOS NEXT鸿蒙开发：ListItemGroup的使用api](https://www.malaoshi.top/show_1GW2S6OPOqWS.html "HarmonyOS NEXT鸿蒙开发：ListItemGroup的使用api")

6. [HarmonyOS NEXT鸿蒙开发：List列表、ListItem、ListItemGroup案例-实现微信发现界面](https://www.malaoshi.top/show_1GW2QDHM9Q5N.html "HarmonyOS NEXT鸿蒙开发：List列表、ListItem、ListItemGroup案例-实现微信发现界面")

### 综合案例

- [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")

# 路由

[HarmonyOS NEXT鸿蒙开发：页面间跳转(页面路由router)](https://www.malaoshi.top/show_1IX8jhf4sOLO.html "HarmonyOS NEXT鸿蒙开发：页面间跳转(页面路由router)")

# 弹窗

- [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自定义对话框")

# 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鸿蒙开发 ArkUI：Scroll滚动组件](https://www.malaoshi.top/show_1GW2QKyCYfJ7.html "HarmonyOS NEXT鸿蒙开发 ArkUI：Scroll滚动组件")

# 自定义组件

- [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 组件（实现同一行文本的不同样式）")

# 生命周期

1. [HarmonyOS NEXT鸿蒙开发：组件的生命周期、回调函数](https://www.malaoshi.top/show_1GW1Tl0TUBL.html "HarmonyOS NEXT鸿蒙开发：组件的生命周期、回调函数")

2. [HarmonyOS NEXT鸿蒙开发：页面的生命周期、回调函数](https://www.malaoshi.top/show_1GW1Tv9rllG.html "HarmonyOS NEXT鸿蒙开发：页面的生命周期、回调函数")

# 模块

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应用包名")
 
 - [HarmonyOS NEXT鸿蒙开发：修改bundleName应用包名（上架应用商店时的唯一包路径）（app.json5配置文件）](https://www.malaoshi.top/show_1GW34RmcTfRI.html "HarmonyOS NEXT鸿蒙开发：修改bundleName应用包名（上架应用商店时的唯一包路径）（app.json5配置文件）")

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鸿蒙开发：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鸿蒙开发 ArkTS：Context  上下文基类、继承关系、获取应用程序信息、获取目录](https://www.malaoshi.top/show_1GW2OO2LcgjF.html "HarmonyOS NEXT鸿蒙开发 ArkTS：Context  上下文基类、继承关系、获取应用程序信息、获取目录")

# 第三方组件

- [HarmonyOS NEXT鸿蒙开发 ArkUI：Markdown组件](https://www.malaoshi.top/show_1GW2QKp947da.html "HarmonyOS NEXT鸿蒙开发 ArkUI：Markdown组件")

原文出处：/show_1GW25cxKsChE.html