《鸿蒙HarmonyOS应用开发基础教程》教案 单元设计_单元4 UI开发之基础组件.doc

PAGE1

PAGE1

苏州工业园区服务外包职业学院

单

元

设

计

课程

课程：鸿蒙应用开发

内容：单元4UI开发之基础组件

课时：18课时

教学单元名称：单元4UI开发之基础组件

授课教师：

授课班级:

单元总学时：18

教学条件

机房、广播软件、Windows10

教学素材

参考教材、课件

教学目标设计

知识目标：

（1）了解组件通用信息

（2）理解基础组件与容器组件的区别与联系

（3）熟悉常见组件接口、属性及监听事件

能力目标：

（1）能够根据应用场景选择合适的UI组件，并实现不同的响应事件

（2）能够独立开发出具有良好用户体验的HarmonyOS应用界面

重点:常见组件接口、属性及监听事件。

难点：回调。

教学内容

（1）组件通用信息

（2）基础组件与容器组件的区别与联系

（3）常见组件接口、属性及监听事件

课后作业

（1）查询资料有哪些免版权的图标、图片检索网站和应用。

（2）思考AIGC如何美化界面设计。

教学过程设计

教学单元4-1认识ArkTS组件（1课时）

主要步骤

教学内容

教学方法

教学手段

师生活动

时间分配

引入

案例引入：查阅官方开发文档，了解什么是组件，组件分为哪几类，以及组件具备哪些共性特征。

1、演示法；

2、探究法。

1、官方文档

PPT

教师打开官方文档、设疑

学生检索资料，有哪些信誉好的足球投注网站答案。

5

知识探究

了解什么是组件

1.组件的概念

2.组件的分类

组件共性特征

1.通用属性

2.通用事件

3.手势

1、问题引导；

2、分组讨论；

3、讲解演示；

4、分析归纳。

1、课程在线教学平台

2、课件

教师讲解和演示

学生观看思考

5

任务实施

使用官方文档有哪些信誉好的足球投注网站组件内容

1、讲练结合；

2、分组讨论；

3、动手实践。

1、课程在线教学平台

教师布置任务、巡回指导

学生实践

5

知识探究

常见通用属性和事件

1、问题引导；

2、分组讨论；

3、讲解演示；

4、分析归纳。

1、课程在线教学平台

2、课件

教师讲解和演示

学生观看思考

5

任务实施

使用官方文档进行快速检索

1、讲练结合；

2、分组讨论；

3、动手实践。

1、课程在线教学平台

2、课件演示

教师讲解和演示

学生观看思考

5

拓展实践

通过开发者社区论坛检索，搜集其他开发者给出的鸿蒙应用开发学习建议，并尝试在论坛中进行提问和答复。

1、讲练结合；

2、分组讨论；

3、动手实践。

1、课程在线教学平台

2、课件演示

教师讲解和演示

学生观看思考

5

分享交流

实现过程中遇到的问题

讨论

讨论

学生独立完成、教师个别辅导

5

评价总结

1、随堂测验

2、要点总结

1、教师启发

2、讨论归纳

3、分数激励

1、课程在线教学平台

教师评价总结、

学生交流评价

5

课后作业

在开发者社区论坛上检索与专业相关的内容。

教学过程设计

教学单元4-2文本与输入类组件展示（3课时）

主要步骤

教学内容

教学方法

教学手段

师生活动

时间分配

引入

案例引入：播放文本类组件应用场景的PPT。

1、教师讲解；

2、分组讨论。

多媒体

2、APP素材

教师播放视频、设疑

学生观看视频，分组讨论。

5

知识探究

文本类组件类型

1. 显示文字的组件

2.输入文字的组件

3.动画效果的组件

文本类组件常见用法

1.接口

2.属性

3.事件

1、问题引导；

2、分组讨论；

3、讲解演示；

4、分析归纳。

1、课程在线教学平台

2、课件

教师讲解和演示

学生观看思考

5

任务实施

新建工程练习文本类组件接口、属性和事件使用方法

1、讲练结合；

2、分组讨论；

3、动手实践。

1、课程在线教学平台

2、课件演示

教师布置任务、巡回指导

学生实践

45

拓展实践

模拟实现Text、TextInput、TextArea、RichText、Marquee、TextPicker和Span七大组件的应用场景

1、讲练结合；

2、分组讨论；

3、动手实践。

1、课程在线教学平台

2、课件演示

教师讲解和演示

学生观看思考

50

分享交流

实现过程中遇到的问题

讨论

讨论

学生独立完成、教师个别辅导

10

评价总结

1、随堂测验

2、要点总结

1、教师启发

2、讨论归纳

3、分数激励

1、课程在线教学平台

教师评价总结、

学生交流评价

5

课后作业

查看你最喜欢的APP用到了哪些文本类组件

教学过程设计

教学单元4-3按钮与选择类组件展示（2课时）

主要步骤

教学内容

教学方法

教学手段

师生活动

时间分配

引入

案例引入：播放按钮类组件应用场景的PPT。

1、教师讲解；

2、分组讨论。

1、多媒体

APP素材

教师播放视频、设