入门

1. HarmonyOS NEXT鸿蒙开发：Stage 模型介绍（AbilityStage、UIAbility组件、WindowStage、Context）

   • HarmonyOS NEXT鸿蒙开发：ArkTS工程目录结构（Stage模型）

2. HarmonyOS NEXT鸿蒙开发 ArkTS：启动previewer预览

3. HarmonyOS NEXT鸿蒙开发：Index.ets 首页文件

4. HarmonyOS NEXT鸿蒙开发：@Entry和@Component装饰器介绍

5. HarmonyOS NEXT鸿蒙开发 ArkTS：第一个程序打印Hello World

6. HarmonyOS NEXT鸿蒙开发 ArkTS：查看打印日志

ArkTS 开发语言

HarmonyOS NEXT鸿蒙应用开发 ArkTS 教程目录（精华）

ArkUI框架-基础组件

• HarmonyOS NEXT鸿蒙开发：Text文本显示组件

• HarmonyOS NEXT鸿蒙开发：TextInput 单行文本输入组件

• HarmonyOS NEXT鸿蒙开发：Button按钮

布局入门

• HarmonyOS NEXT鸿蒙开发ArkUI：布局介绍

• HarmonyOS NEXT鸿蒙开发：Column布局

• HarmonyOS NEXT鸿蒙开发：Row布局

• HarmonyOS NEXT鸿蒙开发ArkUI：通用属性（尺寸、布局、外边距、内边距、对齐、定位、显示、可见性、背景、边框）

• HarmonyOS NEXT鸿蒙开发 ArkUI：尺寸单位 px、vp、%百分比、fp

• HarmonyOS NEXT鸿蒙开发：案例：京东评论列表中的回复、有用按钮（图片文本按钮）

• HarmonyOS NEXT鸿蒙开发ArkUI：案例-实现登录界面

图片组件

• HarmonyOS NEXT鸿蒙开发：Image图片组件

Resource

1. HarmonyOS NEXT鸿蒙开发：Resource介绍

2. HarmonyOS NEXT鸿蒙开发：Resource加载图片

状态

1. HarmonyOS NEXT鸿蒙开发：@State装饰器：组件内状态

2. 语法：内置组件双向同步">HarmonyOS NEXT鸿蒙开发：语法：内置组件双向同步

表单组件

• HarmonyOS NEXT鸿蒙开发：$$语法：内置组件双向同步（双向数据绑定）

• HarmonyOS NEXT鸿蒙开发：TextArea 多行文本输入组件

• HarmonyOS NEXT鸿蒙开发：Radio单选框

• HarmonyOS NEXT鸿蒙开发：Checkbox多选框

  • HarmonyOS NEXT鸿蒙开发：Checkbox多选框-根据数组动态生成复选框

• HarmonyOS NEXT鸿蒙开发：Select下拉控件

其他组件

• HarmonyOS NEXT鸿蒙开发ArkUI：Counter计数器组件（实现购买商品数量）

• HarmonyOS NEXT鸿蒙开发-ArkUI ：Rating 评分组件

• HarmonyOS NEXT鸿蒙开发ArkUI：案例-评价界面（Rating组件、TextArea组件）

• HarmonyOS NEXT鸿蒙开发：Toggle开关控件

• HarmonyOS NEXT鸿蒙开发：Slider 滑动组件

• HarmonyOS NEXT鸿蒙开发ArkUI：Search搜索框组件

• HarmonyOS NEXT鸿蒙开发ArkUI：CalendarPicker日历组件

事件

• HarmonyOS NEXT鸿蒙开发：事件介绍

• HarmonyOS NEXT鸿蒙开发：onClick点击事件、onLongPress长按事件

• HarmonyOS NEXT鸿蒙开发 ArkUI：通用事件

  • HarmonyOS NEXT鸿蒙开发 ArkUI：触摸事件

信息展示组件

• HarmonyOS NEXT鸿蒙开发ArkUI：Badge信息标记组件（微信右上角未读消息提醒数量）

• HarmonyOS NEXT鸿蒙开发ArkUI：QRCode二维码组件

布局

• HarmonyOS NEXT鸿蒙开发：Column布局

• HarmonyOS NEXT鸿蒙开发：Row布局

• HarmonyOS NEXT鸿蒙开发ArkUI：Blank空白填充组件（搭配Row、Column、Flex布局）

• HarmonyOS NEXT鸿蒙开发：Row布局实现标题

• HarmonyOS鸿蒙开发-布局：Stack

• HarmonyOS NEXT鸿蒙开发：RelativeContainer 布局

• HarmonyOS NEXT鸿蒙开发：Grid布局（GridItem）

综合案例

• HarmonyOS NEXT鸿蒙开发：案例：京东评论列表（一）

List、ListItem、ListItemGroup

1. HarmonyOS NEXT鸿蒙开发：List列表、ListItem、ListItemGroup介绍

2. HarmonyOS NEXT鸿蒙开发：List列表

3. HarmonyOS NEXT鸿蒙开发：ListItem

4. HarmonyOS NEXT鸿蒙开发：List列表、ListItem 案例

5. HarmonyOS NEXT鸿蒙开发：ListItemGroup的使用api

6. HarmonyOS NEXT鸿蒙开发：List列表、ListItem、ListItemGroup案例-实现微信发现界面

综合案例

• HarmonyOS NEXT鸿蒙开发：List列表、ListItem 综合案例：通讯录（1）-实现界面

• HarmonyOS NEXT鸿蒙开发：拨打电话

• HarmonyOS NEXT鸿蒙开发：List列表、ListItem 综合案例：通讯录（2）-实现拨打电话

复用代码

• HarmonyOS NEXT鸿蒙开发：@Styles装饰器：定义组件重用样式

• HarmonyOS NEXT鸿蒙开发：@Builder装饰器（复用的 UI 片段）

• HarmonyOS NEXT鸿蒙开发：List列表、ListItem 综合案例：通讯录（3）-优化代码：@Builder装饰器（复用的 UI 片段）

Tabs

• HarmonyOS NEXT鸿蒙开发ArkUI：Tabs和TabContent

路由

HarmonyOS NEXT鸿蒙开发：页面间跳转(页面路由router)

弹窗

• HarmonyOS NEXT鸿蒙开发：promptAction 弹窗

• HarmonyOS NEXT鸿蒙开发：AlertDialog 警告弹窗、确认弹窗

• HarmonyOS NEXT鸿蒙开发：CustomDialog自定义对话框

ForEach循环渲染

• HarmonyOS NEXT鸿蒙开发：ForEach循环渲染

• HarmonyOS NEXT鸿蒙开发：ForEach循环渲染List列表、ListItem 案例

滚动

• HarmonyOS NEXT鸿蒙开发 ArkUI：Scroll滚动组件

自定义组件

• HarmonyOS NEXT鸿蒙开发：创建自定义组件（struct、build()函数）

• HarmonyOS NEXT鸿蒙开发：@Component 装饰器

• HarmonyOS NEXT鸿蒙开发：@Component 与 @Entry 的关系与区别

高级

1. HarmonyOS NEXT鸿蒙开发：父组件引用子组件（@Prop）

   • HarmonyOS NEXT鸿蒙开发 ArkUI：@Prop 和 @State 区别

2. HarmonyOS NEXT鸿蒙开发：UIAbility组件（EntryAbility.ets）

3. HarmonyOS NEXT鸿蒙开发：Span 组件（实现同一行文本的不同样式）

生命周期

1. HarmonyOS NEXT鸿蒙开发：组件的生命周期、回调函数

2. HarmonyOS NEXT鸿蒙开发：页面的生命周期、回调函数

模块

1. HarmonyOS NEXT鸿蒙开发：模块

2. HarmonyOS NEXT鸿蒙开发：自定义模块

配置文件

1. HarmonyOS NEXT鸿蒙开发：app.json5配置文件

   • HarmonyOS NEXT鸿蒙开发：bundleName应用包名

   • HarmonyOS NEXT鸿蒙开发：修改bundleName应用包名（上架应用商店时的唯一包路径）（app.json5配置文件）

2. HarmonyOS NEXT鸿蒙开发：module.json5-UIAbility组件、启动模式、abilities标签、应用图标、应用名

3. HarmonyOS NEXT鸿蒙开发：main_pages.json

样式

• HarmonyOS NEXT鸿蒙开发：阴影

动画

1. HarmonyOS NEXT鸿蒙开发：animateTo动画

2. HarmonyOS NEXT鸿蒙开发：Curve动画缓动效果

上下文

• HarmonyOS NEXT鸿蒙开发 ArkTS：Context 上下文基类、继承关系、获取应用程序信息、获取目录

第三方组件

• HarmonyOS NEXT鸿蒙开发 ArkUI：Markdown组件

原文出处：/show_1GW25cxKsChE.html