Android程序设计 第二章 Android UI开发 第2章 Android UI开发 教学设计.doc

博学谷——让IT教学更简单，让IT学习更有效 传智播客 《Android移动应用基础教程》 教学设计 课程名称： Android移动应用基础教程 授课年级： 2015年级 授课学期： 2015学年第一学期 教师姓名： 某某老师 2014年10月09日 课题名称 第2章 Android UI开发 计划学时 6学时 内容分析 Android程序开发最重要的一个环节就是界面处理，界面的美观度直接影响用户的第一印象，因此，开发一个整齐、美观的界面是至关重要的，本章将针对Android中的UI开发进行详细地讲解。 教学目标 要求学生了解什么是UI，以及View和ViewGroup的继承关系； 要求学生掌握常见布局的使用，并能独立设计美观的界面布局； 要求学生掌握样式和主题的使用，能使用样式或者主题优化布局； 要求学生掌握JUnit、LogCat、Toast的使用，会对程序进行测试； 教学重点 六种常见布局、样式和主题、国际化、程序调试 教学难点 样式和主题 教学方式 教师采用课堂讲授为主，使用教学PPT辅助授课。 教 学 过 程 第一学时 （UI概述、布局的创建、相对布局、线性布局） 一、情景导入 1、Android UI介绍（PPT8-9） 大家有没有发现，Android应用或者游戏界面做的都非常美观，而且特别吸引人，让大家很有兴趣使用，例如QQ界面、微信界面、网易新闻等等。这个就是界面的UI效果。 Android程序开发最重要的一个环节就是界面处理，界面的美观度直接影响用户的第一印象，因此，开发一个整齐、美观的界面是至关重要的，本章将针对Android中的UI开发进行详细地讲解。 2、引出UI的相关知识 在本章中，我们首先要了解UI这个概念，然后掌握常见的几种布局方式，以及如何使用样式和主题，最后会讲解国际化、程序调试等知识。 二、知识讲解 1、UI概述（PPT10） 老师引导，在学习Android UI开发之前，首先要了解UI这个概念。所谓的UI（User Interface），它是人与手机之间数据传递、交互信息的重要媒介和对话接口，是Android系统的重要组成部分。一个应用程序，除了其功能强大之外，最重要的就是完美的UI设计。 然后引出，一个Android应用的界面是由View和ViewGroup对象构建的。分析View与ViewGroup的继承关系。 2、布局的创建（PPT11） 老师引导，通过前面的学习，现在大家了解了什么是UI，接下来我们就演示一下Android中如何创建布局。首先说明创建布局的步骤，然后进行动手实践，在实践的过程中针对每个步骤进行解释说明。 3、相对布局（PPT12-14） 老师通过问题引导，大家之前都做过预习，想一想Android中有多少种布局？学生回答之后老师进行说明。 Android中的布局分为六种，分别是相对布局、线性布局、表格布局、网格布局、帧布局、绝对布局，本节课先为大家讲解相对布局。 讲解相对布局时，先要介绍一些常用属性，然后给出相对布局的图，进而给出相对布局的代码。 4、线性布局（PPT15） 老师引导，下面我们讲解第2种布局——线性布局，线性布局是Android中较为常用的布局方式，它使用LinearLayout标签表示。 介绍线性布局主要有两种形式，一种是水平线性布局，一种是垂直线性布局。 三、知识巩固 1、总结知识点，使用博学谷系统中的随堂练习题巩固本节课所学知识。 2、使用博学谷系统中的测试题给学生布置作业。 第二学时 （表格布局、网格布局、帧布局、绝对布局、用户注册案例） 一、知识回顾 1、对上节课留的作业进行答疑。 2、回顾总结上节课的内容，引出本节课主题 上节课讲解了UI概述、布局的创建、相对布局、线性布局等知识。接下来本节将针对表格布局、网格布局、帧布局、绝对布局、用户注册案例进行讲解。 二、知识讲解 1、表格布局（PPT16） 老师引导，表格布局相对于前两种布局差异较大，表格布局是让控件以表格的形式来排列组件的，只要将组件或信息放在单元格中，组件就可以整齐的排列。 在TableLayout中，行数由TableRow对象控制的，即布局中有多少TableRow对象，就有多少行。每个TableRow中可以放置多个组件。 给出表格布局的代码，然后针对代码进行详细的分析，并讲解其中的重要知识。 2、网格布局（PPT17-18） 老师引导，网格布局与表格布局有些类似，网格布局用一组无限细的直线将绘图区域分成行、列和单元，并指定控件的显示区域和控件在该区域的显示方式。它实现了控件的交错显示，能够避免因布局嵌套对设备性能的影响，更利于自由布局的开发