Android常见界面布局

博学谷——让IT教学更简单，让IT学习更有效北京市昌平区建材城西路金燕龙办公楼一层电话：400-618-4000传智播客《Android移动应用基础教程（AndroidStudio）（第2版）》教学设计课程名称：《Android移动应用基础教程（第2版)》授课年级：20xx年级授课学期：20xx学年第一学期教师姓名：某某老师20xx年xx月xx日课题名称第2章Android常见界面布局计划学时4学时内容分析Android程序开发最重要的一个环节就是界面处理，界面的美观度直接影响用户的第一印象，因此，开发一个整齐、美观的界面是至关重要的。为了让界面上的控件排列的更美观与整齐，Android系统提供了相应的布局进行管理，本章将针对Android界面中常见的布局进行详细讲解。教学目标要求学生掌握如何在XML文件中和Java代码中编写布局要求学生掌握布局的通用属性与常见布局，会搭建常见布局。教学重点1、在XML文件中与Java代码中编写布局2、布局的通用属性3、常见的界面布局教学难点常见的界面布局教学方式教师采用课堂讲授为主，使用教学PPT辅助授课。教学过程第一学时（View视图、在XML文件中与Java代码中编写布局）一、情景导入1、教师通过举例的方式，引出界面布局通常情况下，Android程序的界面做的非常美观，而且特别吸引人，让大家对其很有兴趣，例如QQ界面、微信界面、网易新闻等，这些界面上控件的摆放都是通过布局来实现的。Android程序开发最重要的一个环节就是界面处理，界面的美观度直接影响用户的第一印象，因此，开发一个整齐、美观的界面是至关重要的，本章将针对Android中的常见布局进行详细地讲解。2、教师根据课件，讲述View视图以及在XML文件中和Java代码中编写布局我们首先要了解View视图，接着熟悉如何在XML文件中与Java代码中编写界面布局。3、明确学习目标要求学生了解View视图要求学生掌握在XML文件中与Java代码中编写界面布局二、重点知识讲解1、教师根据课件，讲述View视图Android程序中所有的UI元素都是通过View与ViewGroup构建的，对于一个Android应用的用户界面来说，ViewGroup作为容器盛装界面中的控件，它可以包含普通的View组件，也可以包含ViewGroup。2、教师根据课件，讲述在XML文件中编写布局通常情况下，布局代码是在XML文件中编写的，这样可以将界面中的布局代码与Java代码隔离，使程序结构更加清晰，根据XML文件中的代码控制界面布局。老师通过教材以及PPT给出的代码，对在XML文件中的代码进行详细讲解。3、教师根据课件，讲述在Java代码中编写布局Android程序的布局不仅可以在XML布局文件中编写，还可以在Java代码中编写。在Android中所有布局和控件的对象都可以通过new关键字创建出来，将创建的View控件添加到ViewGroup布局中，从而实现View控件在布局界面中显示。老师通过教材以及PPT给出的代码，对在Java代码中编写的布局进行详细讲解。三、归纳总结，布置课后作业1、回顾上课前的学习目标，并对本节课的重要知识点进行总结。教师提问学生本节课需要掌握的知识点，包括View视图中的关系、在XML文件中编写布局以及在Java代码中编写布局，并对学生的回答进行补充和总结。2、布置随堂练习，检查学生掌握情况。根据博学谷和随堂练习资源，给学生布置随堂练习，检测学生的掌握程度，并对学生出现的问题进行解决。3、使用博学谷系统中的测试题给学生布置作业。第二学时（布局的通用属性、相对布局、线性布局）一、回顾上节讲解的知识，引出本节需要讲解的知识1、教师对上节课留的作业进行答疑。2、回顾上节课学习的内容，引出本节课的内容上节课讲解了View视图、在XML文件中与Java代码中编写布局等知识，知道如何编写界面布局之后，接下来讲解布局中有哪些属性、相应属性有什么作用、以及相对布局和线性布局。3、明确学习目标要求学生掌握布局的通用属性要求学生掌握相对布局要求学生掌握线性布局二、重点知识讲解1、教师根据提出的问题，引出布局的通用属性教师引导，Android中定义了一些布局，这些布局是通过什么属性来设置布局中控件的位置呢？接下来针对布局中的通用属性进行详细讲解。2、教师根据课件，讲述相对布局相对布局是通过相对定位的方式指定控件位置，即以其它控件或父容器为参照物，摆放控件位置。在设计相对布局时要遵循控件之间的依赖关系，后放入控件的位置依赖于先放入的控件。老师通过教材以及PPT给出代码，对相对布局的各个属性进行详细的讲解，向学生展示各个属性对应的效果。3、教师根据课件，讲述线性布局线性布局在Android开发过程中会经常使用，它使用<LinearLayout>标签表示。介绍线性布局主要有两种形式，一种是水平线性布局，一种是垂直线性布局。老师通过教材以及PPT给出代码，对线性布局进行详细的讲解，其中layout_weight属性需要学生重点掌握。三、归纳总结，布置课后作业1、回顾上课前的学习目标，并对本节课的重要知识点进行总结。教师提问学生本节课需要掌握的知识点，包括布局的通用属性、相对布局以及线性布局，并对学生的回答进行补充和总结。2、布置随堂练习，检查学生掌握情况。根据博学谷和随堂练习资源，给学生布置随堂练习，检测学生的掌握程度，并对学生出现的问题进行解决。3、使用博学谷系统中的测试题给学生布置作业。第三学时（表格布局、帧布局、约束布局）一、知识回顾1、对上节课留的作业进行答疑。2、回顾总结上节课的内容，引出本节课主题上节课讲解了布局的通用属性、相对布局、线性布局等知识。接下来本节将针对帧布局、表格布局、约束布局进行讲解。二、重点知识讲解1、教师根据课件，讲述表格布局教师引导，表格布局是让控件以表格的形式来排列组件的，只要将组件或信息放在单元格中，组件就可以整齐的排列，这是表格布局的特点。在TableLayout中，行数由TableRow对象控制，即布局中有多少TableRow对象，就有多少行。每个TableRow中可以放置多个组件。通过教材以及PPT给出表格布局的代码，然后针对代码进行详细的分析，并讲解其中的重要知识。2、教师根据课件，讲述帧布局帧布局为每个加入其中的控件创建一个空白区域（称为一帧，每个控件占据一帧）。采用帧布局方式设计界面时，所有控件都默认显示在屏幕左上角，并按照先后放入的顺序重叠摆放，先放入的控件显示在最底层，后放入的控件显示在最顶层。帧布局的大小由内部最大控件的决定。通过教材以及PPT给出帧布局的代码，然后针对代码进行详细的分析，并讲解其中的重要知识。3、教师根据课件，讲述约束布局ConstraintLayout是AndroidStudio2.2新添加的布局。与前面介绍的界面布局相比，ConstraintLayout并不太适合使用XML代码的方式编写布局，但是它非常适合使用可视化的方式编写界面布局。可视化操作的背后仍然是使用XML代码实现的，只不过这些代码是AndroidStudio根据我们的操作自动生成的。相对定位是在ConstraintLayout中创建布局的基本构建方法之一。相对定位即一个控件相对于另一个控件进行定位，ConstraintLayout布局中的控件可以在横向和纵向上以添加约束关系的方式进行相对定位，其中，横向边包括Left、Start、Right、End，纵向边包括Top、Bottom、Baseline（文本底部的基准线）。通过教材以及PPT给出约束布局的代码，然后针对代码进行详细的分析，并讲解其中的重要知识。三、归纳总结，布置课后作业1、回顾上课前的学习目标，并对本节课的重要知识点进行总结。教师提问学生本节课需要掌握的知识点，包括表格布局、帧布局、约束布局，并对学生的回答进行补充和总结。2、布置随堂练习，检查学生掌握情况。根据博学谷和随堂练习资源，给学生布置随堂练习，检测学生的掌握程度，并对学生出现的问题进行解决。3、使用博学谷系统中的测试题给学生布置作业。第四学时（上机练习）上机练习主要针对本章中需要重点掌握的知识点，以及在程序中容易出错的内容进行练习，通过上机练习