目 录
项目1
人文史哲展示页——ArkUI（方舟开发框架） 1
知识目标 1
能力目标 1
素质目标 1
【项目背景】 2
【预期目标与成果】 2
任务1-1 创建人文史哲展示页基本布局 2
【任务分析】 2
【知识储备】 3
一、浅谈HarmonyOS 3
二、HarmonyOS技术架构 3
三、DevEco Studio 5
四、工程创建 8
五、TypeScript基础语法 12
六、ArkUI中的布局容器 15
【任务实现】 20
任务1-2 创建轮播图专区 21
【任务分析】 21
【知识储备】 21
一、Swiper组件概述 21
二、循环播放 21
三、自动轮播 22
四、导航点样式 22
五、页面切换方式 22
六、轮播方向 22
【任务实现】 23
任务1-3 创建人文历史专区 23
【任务分析】 23
【知识储备】 24
一、网格布局与约束 24
二、设置排列方式 25
三、在网格布局中显示数据 28
四、设置行、列间距 28
五、构建可滚动的网格布局 29
六、Image组件 30
七、Text组件 31
八、自定义组件 32
九、模块化开发 33
【任务实现】 35
一、静态效果制作 35
二、动态跳转 38
任务1-4 创建高校科普、戏曲文化
专区 40
【任务分析】 40
【知识储备】 40
一、Scroll组件概述 40
二、Scroll组件的属性和事件 41
【任务实现】 41
一、高校科普专区 42
二、戏曲文化专区 47
三、为主页面添加滚动效果 48
【项目拓展 AI助学】 49
【项目小结】 52
【习题】 52

项目2
数字云图书馆展示页——ArkUI（方舟
开发框架） 54
知识目标 54
能力目标 54
素质目标 54
【项目背景】 54
【预期目标与成果】 55
任务2-1 制作自定义导航栏 55
【任务分析】 55
【知识储备】 56
一、Tabs组件 56
二、限制导航栏的滑动切换 57
三、滚动导航栏 58
四、自定义导航栏 59
五、切换至指定页 60
【任务实现】 61
任务2-2 构建数字云图书馆展示页 63
【任务分析】 63
【知识储备】 63
一、Flex布局的相关概念 63
二、布局方向的控制 64
三、布局换行 65
四、主轴方向的对齐方式 65
五、交叉轴方向的对齐方式 66
六、Button组件的使用 66
七、自定义按钮样式 68
八、为按钮添加事件 68
【任务实现】 69
任务2-3 开发“图书”“热榜”页面 74
【任务分析】 74
【知识储备】 74
一、Router概述 74
二、页面跳转 74
三、页面返回 76
四、动画概述 77
五、转场动画概述及使用 79
【任务实现】 80
【项目拓展 AI助学】 84
【项目小结】 86
【习题】 87

项目3
熊猫家园展示页——ArkTS（方舟
编程语言） 88
知识目标 88
能力目标 88
素质目标 88
【项目背景】 88
【预期目标与成果】 89
任务3-1 开发“熊猫广场”页面 89
【任务分析】 89
【知识储备】 90
一、Stack布局概述 90
二、Stack布局对齐方式 90
三、在Stack布局中使用Z序控制 91
【任务实现】 92
任务3-2 开发“熊猫认养”页面 95
【任务分析】 95
【知识储备】 95
一、List组件概述 95
二、List布局与约束 96
三、设计List布局 98
四、渲染控制 99
五、迭代列表内容 100
六、自定义列表样式 100
七、分组列表 102
八、响应列表项侧滑 102
【任务实现】 103
任务3-3 开发 熊猫详情页面 107
【任务分析】 107
【知识储备】 107
一、三元表达式的定义及用法 107
二、数组概述 107
三、数组的操作方法 108
四、页面的参数传递 109
五、接收参数的方式 109
【任务实现】 110
任务3-4 模拟网络延迟 111
【任务分析】 111
【知识储备】 111
一、setTimeout()方法的使用 111
二、创建进度条 112
三、配置Progress参数 112
四、设置环形进度条 113
五、设置胶囊形进度条 114
六、设置圆形进度条 115
【任务实现】 115
【项目拓展 AI助学】 116
【项目小结】 118
【习题】 118

项目4
自然与科学展示页——Ability Kit
（程序框架服务） 119
知识目标 119
能力目标 119
素质目标 119
【项目背景】 119
【预期目标与成果】 120
任务4-1 构建自然与科学展示页 120
【任务分析】 120
【知识储备】 121
一、Select组件 121
二、onSelect事件的使用 125
三、Stage模型的相关概念 127
【任务实现】 129
任务4-2 开发“机构合作”页面 131
【任务分析】 131
【知识储备】 131
一、UIAbility组件 131
二、UIAbility组件的生命周期 132
三、UIAbility组件的启动模式 135
四、UIAbility组件的基本用法 137
五、UIAbility组件与UI的数据同步 138
六、启动应用内的UIAbility组件 138
【任务实现】 141
任务4-3 开发“科研传播”页面 143
【任务分析】 143
【知识储备】 143
一、网络管理开发概述 143
二、从网络中获取数据 143
三、使用WebSocket建立连接 145
四、数据库管理概述 146
【任务实现】 148
一、服务器的搭建 148
二、HTTP请求连接功能的实现 148
【项目拓展 AI助学】 152
【项目小结】 154
【习题】 154

项目5
智能融媒展示页——Multimedia Application（多媒体应用） 156
知识目标 156
能力目标 156
素质目标 156
【项目背景】 156
【预期目标与成果】 157
任务5-1 开发“影视娱乐”页面 157
【任务分析】 157
【知识储备】 157
一、基础布局 157
二、Grid组件进阶 158
【任务实现】 161
任务5-2 播放娱乐、航空等宣传
视频 163
【任务分析】 163
【知识储备】 163
一、媒体应用开发概述 163
二、视频播放 165
【任务实现】 170
一、观影详情页面的实现 170
二、通用工具类的实现 172
三、航天特辑页面的实现 173
【项目拓展 AI助学】 178
【项目小结】 180
【习题】 180

项目6
综合项目——智学先锋App制作 181
知识目标 181
能力目标 181
素质目标 181
【项目背景】 181
【预期目标与成果】 182
任务6-1 应用背景分析与Logo
设计 182
【任务分析】 182
【任务实现】 183
一、分析应用背景 183
二、设计Logo 183
三、确认上线 184
任务6-2 为用户增加安全验证 184
【任务分析】 184
【知识储备】 184
一、访问控制概述 184
二、申请访问控制授权 184
三、权限类别 187
四、用户身份认证功能的开发准备 189
五、切换自定义认证 190
【任务实现】 191
任务6-3 创建注册页面、登录页面 196
【任务分析】 196
【任务实现】 196
一、注册/登录工具类 196
二、注册页面、登录页面 198
任务6-4 应用资源整合 202
【任务分析】 202
【任务实现】 202
一、注册页面实现 203
二、登录页面实现 204
三、首页实现 204
四、“书架”页面实现 210
五、“我的”页面实现 212
【项目拓展 AI助学】 214
【项目小结】 216
【习题】 216