第三章 Android 高级界面组件一学情分析第二章讲解了 Android 界面开发基础控件, 学生对自身开发界面不够美观, 缺少常用控件比如图片列表对话框等, 本章相对于上一章难度增加, 需要情境引入引导学生学习二教学内容分析 Android 程序开发最重要的一个环节就是界面处理,

Size: px

Start display at page:

Download "第三章 Android 高级界面组件一学情分析第二章讲解了 Android 界面开发基础控件, 学生对自身开发界面不够美观, 缺少常用控件比如图片列表对话框等, 本章相对于上一章难度增加, 需要情境引入引导学生学习二教学内容分析 Android 程序开发最重要的一个环节就是界面处理,"

御松
4 years ago
Views:

1 第三章 Android 高级界面组件一学情分析第二章讲解了 Android 界面开发基础控件, 学生对自身开发界面不够美观, 缺少常用控件比如图片列表对话框等, 本章相对于上一章难度增加, 需要情境引入引导学生学习二教学内容分析 Android 程序开发最重要的一个环节就是界面处理, 界面的美观度直接影响用户的第一印象, 因此, 开发一个整齐美观的界面是至关重要的, 在第二章讲解了 Android 基础界面控件并不能完全实现整齐美观的界面, 需要进阶学习 Android 高级界面控件重点讲解图片控件列表控件对话框菜单图片控件包括 ImageView ImageButton ImageSwitcher. 列表控件包括 Spinner ListView GridView RecyclerView ExpandableListView. 对话框包括 AlertDialog 菜单包括选项菜单和上下文菜单三教学目标知识目标 : (1) 图片控件 (ImageView ImageButton ImageSwitcher) (2) 列表控件 (Spinner LIstView ExpandableListView) (3) 对话框 (Dialog) 能力目标 : (1) 掌握 Android 中常见高级视图和高级组件的使用, 能够利用各高级组件实现生活中常见的具体实例, 如图片浏览器图片的处理 QQ 界面等四教学重点 (1) 图片视图 ImageView 的各属性值的作用 (2) 图像切换器 ImageSwitcher 的使用方法 (3) 画廊视图 Gallery 的使用方法 (4) ExpandableListView 扩展下拉列表的使用方法 (5) MenuTest 实例, 实现选项菜单上下文菜单及子菜单的功能五教学难点 (1) 图像切换器 ImageSwitcher 使用时 ViewFactory 的设定 (2) ListView 下拉列表使用时 List 集合的创建六教学过程 1

第一部分 Android 基础界面控件一回顾上节课知识, 继续讲解 Android 基础界面控件 (1) 对上节课留的知识进行答疑 (2) 进入本节课本节课主题, 讲解 Android 高级界面控件图片控件 Android 界面美观离不开图片控件,ImageView

重点知识讲解 (1) 老师创建情境, 引入 ImageView 组件 1 演示显示图片项目, 提出问题 Android 界面如何呈现一张图片? 图片在项目中放在哪里?

图片按钮 1 分析图片按钮 2 提出问题 : 如果想要在按钮上达到既有图片又有文字的效果, 应该怎么做呢?

2 第一部分 Android 基础界面控件一回顾上节课知识, 继续讲解 Android 基础界面控件 (1) 对上节课留的知识进行答疑 (2) 进入本节课本节课主题, 讲解 Android 高级界面控件图片控件 Android 界面美观离不开图片控件,ImageView 是视图控件, 它继承自 View, 其功能是在屏幕中显示图像常见基本图片控件 ImageView,ImageButton,ImageSwicher (3) 明确学习目标熟练掌握 ImageView,ImageButton,ImageSwicher 的用法二重点知识讲解 (1) 老师创建情境, 引入 ImageView 组件 1 演示显示图片项目, 提出问题 Android 界面如何呈现一张图片? 图片在项目中放在哪里? 2 图片存放在 drawable 文件夹 3 android:src 属性指定图片来源, 4 分析 android:scaletype 属性 5 老师操作演示 android:scaletype 显示效果 (2)ImageButton 图片按钮 1 分析图片按钮 2 提出问题 : 如果想要在按钮上达到既有图片又有文字的效果, 应该怎么做呢? 让学生讨论 3 分析 ImageButton 中 src 和 background 的区别 4 在 XML 文件中采用 selector 标签, 定义自定义图片 5 老师操作演示使 3 种不同方式实现图片监听 6 提出问题图片控件灰色背景如何去掉白色? 7 分析讲解颜色值的表示方法 :#ARGB #AARRGGBB #RGB #RRGGBB (3) 图片切换器 ImageSwitcher 1 演示项目图片切换项目 2 分析 ImageSwitcher 实现图片实现原理 3 老师操作演示 ImageSwitcher 图片切换器 2

3 (4) 项目完成演示老师引导学生分析竞赛登陆布局控件摆放涉及控件属性等 (4) 上机训练 ImageView ImageButton ImageSwitcher 案例项目 (5) 学生掌握检查 1.ImageView 控件的 android:scaletype 属性, 设置所显示的图片如何缩放或移动以适应 ImageView 的大小, 以下哪个值能保持纵横比缩放图片, 直到该图片能完全显示在 ImageView 中 ( ) A)fitXY B)fitCenter C)center D)centerCrop 2. 假设某张图片的大小为 1200*1200, 现将其显示在一个 300*200 的 ImageView 上, 如果设置 scaletype 属性的值为 fitcenter, 则图片的缩放比例为 ( ) A) 等比例缩放, 缩放比例为 4 B) 横轴缩放比例为 4, 纵轴缩放比列为 6 C) 横轴缩放比列为 6, 纵轴缩放比例为 4 D) 等比例缩放, 缩放比例为 6 (6) 作业布置完成简易登陆页面, 如下图所示第二部分列表控件一回顾上节课内容继续讲解布局管理器 (1) 对上节课留的知识进行答疑 (2) 进入本节课本节课主题, 讲解列表控件 3

在 Android 开发中 ListView 是一个比较常用的控件, 它以列表的形式展示具体数据内容, 当数据过多时会出现滚动条, 并且能够根据数据的长度自适应屏幕显示 (3) 明确学习目标熟练掌握列表控件 Spinner ListView GridView RecyclerView ExpandableListView 二

文件中通过 <string-array> 标签指定, 然后在布局文件中, 为其添加 android:entries 属性, 指定数据源 (2)ListView 列表控件在 Android 开发中 ListView 是一个比较常用的控件, 以垂直列表的形式显示所有的列表项数据, 当数据过多时会出现滚动条,

4 在 Android 开发中 ListView 是一个比较常用的控件, 它以列表的形式展示具体数据内容, 当数据过多时会出现滚动条, 并且能够根据数据的长度自适应屏幕显示 (3) 明确学习目标熟练掌握列表控件 Spinner ListView GridView RecyclerView ExpandableListView 二进入重点知识点讲解老师演示实现 (1)Spinner 下拉列表 Android 列表实现一般步骤理论知识, 学生一开始不能接受, 先从简单案例入手, 实现 Spinner ListView 列表, 逐渐理解归纳列表一般实现步骤使用 2 中方式实现 Spinner 列表 1 在代码中通过数组或集合进行定义; 2 在 XML 文件中通过 <string-array> 标签指定, 然后在布局文件中, 为其添加 android:entries 属性, 指定数据源 (2)ListView 列表控件在 Android 开发中 ListView 是一个比较常用的控件, 以垂直列表的形式显示所有的列表项数据, 当数据过多时会出现滚动条, 并且能够根据数据的长度自适应屏幕显示实现 ListView 效果的两种方式 : 1 在布局文件中添加一个 ListView, 然后为 ListView 设置需要显示的内容 (Adapter); 2 让当前的 Activity 直接继承 ListActivity, 然后通过 ListActivity 的 setlistadapter() 方法设置需要显示的内容 4

5 (3) 适配器老师引导, 前面小节提到过在使用 ListView 控件时需要进行数据适配, 这样界面才会显示数据在进行数据适配时会用到数据适配器, 所谓的适配器就是数据与视图之间的桥梁, 它就类似于一个转换器, 将复杂的数据转换成用户可以接受的方式进行呈现列表控件 Adapter 对象数据源构造方法传值 setadapter() 方法传值在 Android 系统中提供了多种适配器 (Adapter) 对 ListView 进行数据适配, 接下来介绍下几种常用的 Adapter 1.BaseAdapter BaseAdapter 顾名思义即基本的适配器它实际上就是一个抽象类, 通常在使用自定义适配器时需要继承 BaseAdapter, 该类拥有四个抽象方法在 Android 开发中, 就是根据这几个抽象方法来对 ListView 进行数据适配的根据教材内容向学生讲解 BaseAdapter 中的四个抽象方法 2.SimpleAdapter SimpleAdapter 继承自 BaseAdapter, 实现了 BaseAdapter 的四个抽象方法并进行了封装因此在使用 SimpleAdapter 进行数据适配时, 只需要在构造方法里传入相应的参数即可,SimpleAdapter 的构造方法如下所示 : public SimpleAdapter(Context context, List<? extends Map<String,?>> data, int resource, String[] from, int[] to); 根据教材内容向学生讲解 SimpleAdapter 方法中的各个参数的含义 3.ArrayAdapter ArrayAdapter 也是 BaseAdapter 的子类, 用法与 SimpleAdapter 类似, 开发者只需要在构造方法里面传入相应参数即可 ArrayAdapter 通常用于适配 TextView 控件, 例如 Android 系统中的 Setting( 设置菜单 ) ArrayAdapter 有多个构造方法, 根据教材内容对 ArrayAdapter 的构造方法以及各个构造方法中的参数进行详细的讲解 (4) 网格列表 GridView 结合前面讲解表格布局分析网格列表, 并掌握关键属性 android:numcolumns, android:horizontalspacing,android:verticalspacing 教师演示实现网格列表项目 5

6 (4) 扩展下拉列表 ExpandableListView 1 分析 BaseExpandableListAdapter 适配器中抽象方法 2 介绍 SimpleExpandableListAdapter 的参数 3 使用 SimpleExpandableListAdapter 实现简单扩展列表 4 使用自定义 adapter, 重写 BaseAdapter 中 4 个抽象方法, 实现仿 QQ 分组列表 6

7 (5) 上机训练上机完成 Spinner ListView GridView RecyclerView ExpandableListView (6) 知识检测 1. 为下拉列表自定义 Adapter 即写一个类继承自 BaseAdapter 时, 必须重写父类中的一些方法, 以下哪个方法不是必须的 ( ) A)getCount() B)getView() C)getItem() D)getDropDownView 2.Android 中包含了很多 Adapter 相关类, 下列选项中, 哪一个类不是从 BaseAdapter 继承而来的是 ( ) A)ArrayAdapter B)SimpleAdapter C)CursorAdapter D)PagerAdapter 3. 以下关于 SimpleAdapter 构造方法中参数的描述不正确的是 ( ) A) 第一个参数为 Context 上下文对象, 通常只需要传入当前的 Activity 对象即可 B) 第二个参数为列表的数据来源, 既可以是一个数组, 也可以是一个集合 C) 第三个参数为列表中每一项的布局文件, 该布局中可以包含多个控件 D) 第四个参数与第五个参数之间存在一一对应的关系, 根据第四个参数获取的数据, 将会在第五个参数所指定的控件中显示, 并且第五个参数中的元素, 必须在第三个参数指定的布局文件中 (7) 作业任务 : 使用自定义 Adapter 实现下面列表第三部分对话框一回顾上节课内容继续讲解布局管理器 (1) 对上节课留的知识进行答疑 (2) 进入本节课本节课主题, 继续讲解对话框 Android UI 界面中与用户交互, 就离不开对话框, 对话框有多种, 其中最常见的是警告框 (3) 明确学习目标熟练掌握警告框 7

ProgressDialog DatePickerDialog TimePickerDialog (2) 警告框实现一般步骤实例化 AlertDialog 类往往需依靠其内部类 :AlertDialog.Builder 完成使用 AlertDialog 创建对话框大致按如下步骤进行第 1 步 : 创建 AlertDialog.

8 二进入重点知识点讲解老师演示实现 (1) 对话框教师引导, 大家知道什么是对话框? 学生回答之后, 老师解释在 Android 界面中, 除了菜单之外, 对话框也是程序与用户交互的一种方式, 通常用于显示当前程序提示信息以及相关说明对话框一般以小窗口的形式展示在 Activity 之上, 当对话框显示时, 处在下层的 Activity 失去焦点, 对话框便可以接收用户的交互信息 Android 中, 主要的对话框有以下四种 : AlertDialog ProgressDialog DatePickerDialog TimePickerDialog (2) 警告框实现一般步骤实例化 AlertDialog 类往往需依靠其内部类 :AlertDialog.Builder 完成使用 AlertDialog 创建对话框大致按如下步骤进行第 1 步 : 创建 AlertDialog.Builder 对象, 该对象是 AlertDialog 的创建器第 2 步 : 调用 AlertDialog.Builder 方法为对话框设置图标标题内容等第 3 步 : 调用 AlertDialog.Builder 的 create() 方法创建 AlertDialog 对话框第 4 步 : 调用 AlertDialog 的 show() 方法显示对话框 Builder 内部类的主要方法介绍 (3) 简单提示对话框在普通对话框 (Dialog) 中, 一般只会显示提示信息, 并通常具有确定和取消按钮老师根据教材和 PPT 向学生讲述对话框的相关方法, 接着给出实现对话框代码, 并对代码进行详细讲解 (4) 单选对话框教师引导, 讲述单选对话框作用单选对话框和 RadioButton 作用类似, 只能选择一个选项, 它是通过 AlertDialog 对象调用 setsinglechoiceitems() 方法创建的老师根据教材和 PPT 给出代码对单选对话框进行详解, 并向学生演示效果图, 要求学生熟练掌握 8

(5) 多选对话框教师引导, 多选对话框通常在需要勾选多种选项时使用, 例如添加旅游购物温煦等

老师根据教材和 PPT 给出代码进行详解, 并向学生演示效果图, 要求学生熟练掌握 (6) 自定义对话框

PPT 给出代码进行详解, 并向学生演示效果图, 要求学生熟练掌握 (6) 时间对话框和日期对话框话框通过

9 (5) 多选对话框教师引导, 多选对话框通常在需要勾选多种选项时使用, 例如添加旅游购物温煦等创建多选对话框与创建单选对话框类似, 调用 setmultichoiceitems() 方法就可实现老师根据教材和 PPT 给出代码进行详解, 并向学生演示效果图, 要求学生熟练掌握 (6) 自定义对话框教师引导, 按照对话框实现一般步骤, 在 builder 中添加自定义布局, 实现输入账号和密码老师根据教材和 PPT 给出代码进行详解, 并向学生演示效果图, 要求学生熟练掌握 (6) 时间对话框和日期对话框话框通过 new 关键字创建 DatePickerDialog TimePickerDialog 实例, 调用它们的 show() 方法即可显示对 9

第四部分菜单一回顾上节课内容继续讲解布局管理器 (1) 对上节课留的知识进行答疑 (2) 进入本节课本节课主题, 继续讲解菜单在桌面程序中, 菜单使用十分广泛, 但是在 Android 应用程序中使用的并不多不过 Android 中提供两种实现菜单的方法分别项菜单

10 (7) 上机训练完成警告框时间对话框日期对话框案例实验 (8) 知识检测对 Builder 对象方法返回类型的理解当程序中存在两个名称相同, 包不同的类或接口时, 应该怎么办? 对话框中包含三种类型的按钮, 能否重复添加? 按钮有什么作用? 如何解决单击 Back 建退出对话框的问题? 默认情况下, 只有列表项, 没有按钮时, 选择后并不能退出对话框该如何处理? (9) 作业完成如下图自定义对话框? 第四部分菜单一回顾上节课内容继续讲解布局管理器 (1) 对上节课留的知识进行答疑 (2) 进入本节课本节课主题, 继续讲解菜单在桌面程序中, 菜单使用十分广泛, 但是在 Android 应用程序中使用的并不多不过 Android 中提供两种实现菜单的方法分别项菜单 (Option Menu) 和上下文菜单 (Context Menu) (3) 明确学习目标熟练掌握选项菜单和上下文菜单二进入重点知识点讲解老师演示实现 (1) 选项菜单 Android3.0 以后, 菜单项将显示在操作栏 (ActionBar) 上默认情况下, 系统会把所有菜单项都隐藏, 只在操作栏上显示一个图标用户可以通过操作栏右侧的溢出图标或者是单击菜单按钮 ( 前提是有菜单按钮 ) 来显示菜单项菜单项显示在操作栏上 10

实现选项菜单有两种方式 : 标签实现和 Java 代码实现标签实现常用到的标签有 :<menu> 标签 <item> 标签 <group> 标签等 Java 代码实现主要用到一个回调方法 onoptionsitemselected(menuitem item) 实现 (2) 上下文菜单上下文菜单与电脑上的右键快捷菜单非常相似, 在 Android 中, 当用户长按某一控件时, 会弹出上下文菜单

11 实现选项菜单有两种方式 : 标签实现和 Java 代码实现标签实现常用到的标签有 :<menu> 标签 <item> 标签 <group> 标签等 Java 代码实现主要用到一个回调方法 onoptionsitemselected(menuitem item) 实现 (2) 上下文菜单上下文菜单与电脑上的右键快捷菜单非常相似, 在 Android 中, 当用户长按某一控件时, 会弹出上下文菜单上下文菜单实现步骤分 3 部 : 1 重写 Activity 的 oncreatecontextmenu( 方法 ; 2 调用 Activity 的 registerforcontextmenu(view view) 方法为 view 组件注册上下文菜单 3 重写 oncontextitemselected(menuitem mi) 方法老师根据教材和 PPT 向学生讲述对话框的相关方法, 接着给出实现对话框代码, 并对代码进行详细讲解 (3) 作业使用上下文菜单, 长按文字弹出如图信息 11

12 七教学评价设计评价内容学生姓名评价日期评价项目学生自评生生互评教师评价优良中差优良中差优良中差课堂表现回答问题作业态度知识掌握综合评价寄语 12

第二章 Android 界面编程基础一学情分析本章课程主要讲述界面控件和布局管理器, 学生可以结合前面学习课程 HTML 前端界面设计和 Java 程序设计中图形界面设计 swing 组件学习本章学习难点因为未接触 XML 页面开发, 在界面设计中需要重新认识, 尤其组件名及组件属性需要着

第二章 Android 界面编程基础一学情分析本章课程主要讲述界面控件和布局管理器, 学生可以结合前面学习课程 HTML 前端界面设计和 Java 程序设计中图形界面设计 swing 组件学习本章学习难点因为未接触 XML 页面开发, 在界面设计中需要重新认识, 尤其组件名及组件属性需要着第二章 Android 界面编程基础一学情分析本章课程主要讲述界面控件和布局管理器, 学生可以结合前面学习课程 HTML 前端界面设计和 Java 程序设计中图形界面设计 swing 组件学习本章学习难点因为未接触 XML 页面开发, 在界面设计中需要重新认识, 尤其组件名及组件属性需要着重掌握本章属于 Android 开发初级阶段, 本章应该着重培养学生学习成就感, 让学生踏入 Android