Android 项目实战——博学谷 教案 第7章 课程模块.doc

博学谷——让IT教学更简单，让IT学习更有效 PAGE 12 PAGE 19 黑马程序员 《Android项目实战-博学谷（第2版）》 教学设计 课程名称： 授课年级： 授课学期： 教师姓名： 年 月 课题名称 第7章 课程模块 计划课时 12课时 教学引入 博学谷项目的课程模块主要用于展示课程中的视频信息，当点击课程列表中的任意条目时，程序会跳转到课程详情界面，在该界面中可以播放相应章节的视频。为了方便用户查看自己已学习的视频，在“我”的界面中还添加了一个播放记录的功能，本章将针对课程模块进行详细讲解。 教学目标 使学生掌握界面的搭建方式，能够独立搭建课程模块中的所有界面 使学生掌握列表适配器的编写方式，能够独立编写界面列表的适配器 使学生掌握课程界面功能的实现方式，能够独立实现课程界面功能 使学生掌握课程详细界面功能的实现方式，能够独立实现课程详情界面功能 使学生掌握视频播放界面功能的实现方式，能够独立实现视频播放界面功能 使学生掌握播放记录界面功能的实现方式，能够独立实现播放界面功能 教学重点 编写广告栏的适配器 实现设置广告栏数据功能 编写课程列表的适配器 实现课程界面功能 编写课程详情界面的适配器 实现课程详情界面功能 实现视频播放界面功能 编写播放记录界面的适配器 实现播放记录界面功能 教学难点 实现课程界面功能 编写课程详情界面的适配器 实现课程详情界面功能 编写播放记录界面的适配器 实现播放记录界面功能 教学方式 课堂教学以PPT讲授为主，并结合多媒体进行教学 教 学 过 程 第一课时 （搭建广告栏界面布局、搭建课程界面布局、搭建课程列表条目界面布局） 一、复习巩固 教师通过上节课作业的完成情况，对学生吸收不好的知识点进行再次巩固讲解。 二、通过需求引入的方式导入新课 当我们打开博学谷程序时，程序首先进入欢迎界面，然后进入课程界面，课程界面分为广告栏和视频列表两部分，在实现课程功能时，首先需要搭建界面布局，本节将详细介绍如何搭建广告栏界面布局、课程界面布局和课程列表条目界面布局。 三、新课讲解 知识点1-搭建广告栏界面布局 教师展示PPT，讲解搭建广告栏界面布局。 任务分析 广告栏界面主要用于展示广告图片信息与底部的3个小圆点，界面效果如下图所示。 任务实施 步骤1：创建广告栏界面的布局文件 步骤2：导入界面图片 步骤3：创建蓝色与灰色小圆点图片 实现蓝色小圆点的具体代码如下。 ?xml version=1.0 encoding=utf-8? shape xmlns:android=/apk/res/android android:shape=oval size android:height=6dp android:width=6dp / solid android:color=#00ABF8 / /shape 实现灰色小圆点的具体代码如下。 ?xml version=1.0 encoding=utf-8? shape xmlns:android=/apk/res/android android:shape=oval size android:height=6dp android:width=6dp / solid android:color=#737373 / /shape 步骤4：自定义小圆点控件 教师通过PPT展示自定义小圆点控件的具体代码。 步骤5：添加界面控件 教师通过PPT展示添加界面控件的具体代码。 知识点2-搭建课程界面布局 教师展示PPT，讲解搭建课程界面布局。 任务分析 课程界面主要用于展示广告栏与视频列表信息，其中视频列表主要用于展示《Android 移动开发基础案例教程（第2版）》第1~12章的视频信息，界面效果如下图所示。 任务实施 步骤1：创建课程界面的布局文件 步骤2：导入界面图片 步骤3：添加界面控件 教师通过PPT展示添加界面控件的具体代码。 知识点3-搭建课程列表条目界面布局 教师展示PPT，讲解搭建课程列表条目界面布局。 任务分析 由于课程界面使用了RecyclerView控件展示视频列表，并且列表是由若干个条目组成的，所以我们需要为RecyclerView控件搭建一个条目界面，在该条目界面中包含两个章节信息，每个章节信息中包含章节图片和章节名称，以第1章和第2章的课程信息为例，课程列表条目界面效果如下图所示。 任务实施 步骤1：创建课程列表条目界面的布局文件 步骤2：添加界面控件 教师通过PPT展示添加界面控件的具体代码。 四、