教学理论授课android程序设计基础第五章界面布局

Android程序设计基础第5章：界面布局本章内容第1节线性布局第2节相对布局第3节帧布局第4节

表格布局第5节

绝对布局第6节纵横屏切换第7节

优化布局第8节查看apk中的布局本章目标掌握线性布局的用法。掌握相对布局的用法。掌握帧布局的用法。掌握表格布局的用法。掌握绝对布局的用法。掌握纵横屏切换的处理。学会优化布局。学会查看apk中的布局。第1节

线性布局知识点预览#知识点重点难点应用说明1线性布局概述√介绍线性布局的特点。2常用属性√√介绍线性布局的常见属性。3布局实例√√介绍线性布局的使用实例线性布局是一种让视图水平或垂直线性排列的布局线性布局使用<LinearLayout>标签进行配置对应代码中的类是android.widget.LinearLayout线性布局分为水平和垂直两种方向线性布局的特点水平布局垂直布局线性布局的常用属性如下：android:orientation表示布局方向取值vertical表示垂直布局取值horizontal表示水平布局android:gravity表示视图的对齐方式内容包括：top、bottom、left、right、center_vertical、center_horizontal、center可以使用|分隔填写多个值布局中的视图可以使用如下属性android:layout_gravity表示单个视图的对齐方式android:layout_weight表示单个视图所在大小的比重当layout_weight为0时，视图大小由自身确定当layout_weight大于0时，视图在线性布局方向上根据比重拉伸常用属性通过线性布局实现如下图的视图界面相对布局实例线性布局实例演示演示线性布局实例第2节相对布局知识点预览#知识点重点难点应用说明1相对布局概述√

介绍相对布局的特点。2常用属性√√介绍相对布局的常用属性。3相对布局实例√√介绍使用相对布局的实例。相对布局是一种通过设置相对位置进行的布局相对布局使用<RelativeLayout>标签进行配置对应代码中的类是android.widget.RelativeLayout布局中的视图通过设置相互间的相对位置进行排列相对的排列位置相对的对齐方式相对布局概述相对布局内视图可用的常用属性如下：与位置相关的属性android:layout_above表示在目标组件之上android:layout_below表示在目标组件之下android:layout_toLeftOf表示在目标组件的左边android:layout_toRightOf表示在目标组件的右边与对齐相关的属性android:alignBaseLine表示与目标组件的基线对齐android:alignBottom表示与目标组件的底边对齐android:alignTop表示与目标组件的顶边对齐android:alignLeft表示与目标组件的左边对齐android:alignRight表示与目标组件的右边对齐android:layout_centerHorizontal表示在相对布局容器内水平居中android:layout_centerVertical表示在相对布局容器内垂直居中常用属性通过相对布局实现如下图的视图界面相对布局实例相对布局实例演示演示相对布局实例第3节帧布局知识点预览#知识点重点难点应用说明1帧布局概述√

介绍帧布局的特点。2常用属性√√介绍帧布局相关的常用属性。3帧布局实例√√介绍帧布局的使用实例。

帧布局是一种把视图层叠起来显示的布局使用<FrameLayout>标签进行配置对应的类是android.widget.FrameLayout布局中的视图按照书写的先后顺序排列先加入的显示在底层，最后加入的显示在顶层每一个视图都可以针对布局容器设置摆放位置帧布局概述帧布局的常用属性android:foreground用于表示帧布局最顶层的覆盖层android:foregroundGravity用于表示覆盖层内容的位置帧布局内视图可用的常用属性如下：android:layout_gravity表示视图的位置内容包括：top、bottom、left、right、center_vertical、center_horizontal、center可以使用|分隔填写多个值常用属性通过帧布局实现如下图的视图界面帧布局实例布局文件概览帧布局实例2<FrameLayoutxmlns:android=""android:layout_width="match_parent"android:layout_height="match_parent"><TextViewandroid:layout_gravity="center"android:layout_width="300dp"android:layout_height="300dp"android:background="#FF0000"android:text="@string/tip1"/>……</FrameLayout>帧布局实例演示演示帧布局实例第4节表格布局知识点预览#知识点重点难点应用说明1表格布局概述√

介绍表格布局的特点。2常用属性√√介绍表格布局的常用属性。3表格布局实例√√介绍使用表格布局的实例。表格布局是一种行列方式排列视图的布局使用<TableLayout>和<TableRow>标签进行配置对应的类是android.widget.TableLayout一对<TableRow>标签包含着一行中显示的视图表格布局概述表格布局的常用属性android:stretchColumns用于指定可以被拉伸的列可以被拉伸的列在屏幕还有空白区域时被拉伸充满列通过0开始的索引值表示多个列之间用逗号隔开android:shrinkColumns用于指定可以被压缩的列当屏幕不够用时，列被压缩直到完全显示android:collapseColumns用于表示可以被完全折叠的列表格布局内视图可用的常用属性如下：android:layout_column指定列索引号由于有些行可能列数量不全，这时候需要给列指定索引号常用属性通过表格布局实现如下图的视图界面表格布局实例表格布局实例演示演示表格布局实例第5节绝对布局知识点预览#知识点重点难点应用说明1绝对布局概述√

介绍绝对布局的特点。2常用属性√√介绍绝对布局的常用属性。3绝对布局实例√√介绍使用绝对布局的实例。绝对布局是一种通过绝对坐标实现的布局使用<AbsoluteLayout>标签进行配置对应的类是android.widget.AbsoluteLayout子视图通过设定坐标进行位置的确定绝对布局概述绝对布局内视图可用的常用属性如下：android:layout_x指定子视图的x轴坐标android:layout_y指定子视图的y轴坐标android:layout_width指定子视图的宽度android:layout_height指定子视图的高度常用属性通过绝对布局实现如下图的视图界面绝对布局实例布局的XML如下绝对布局实例<AbsoluteLayoutxmlns:Android=""android:layout_width="wrap_content"android:layout_height="wrap_content"><ImageViewandroid:layout_width="wrap_content“android:layout_height="wrap_content“android:src="@drawable/google“android:layout_x="22px“android:layout_y="60px"/><TextViewandroid:layout_width="wrap_content“android:layout_height="wrap_content“android:text="IloveAndroid“android:layout_x="100px“android:layout_y="175px"/>……</AbsoluteLayout>第6节纵横屏切换知识点预览#知识点重点难点应用说明1资源限定符√√介绍Android系统中的资源限定符规则。2限定屏幕类型√√介绍如何通过限定符限定屏幕类型。3实现切换√√介绍纵横屏切换的过程。4切换事件处理√√介绍纵横屏切换过程中的事件触发。资源限定符是针对资源搜索而设定的定位资源时自动根据当前软件硬件的特征对目录名称进行匹配res/下的子目录的命名规则：<资源名>-<限定符>资源名包含animatorcolordrawablelayoutmenurawvaluesxml限定符可以包含多个，中间使用“-”符号连接资源限定符的前后顺序必须按照系统规定的顺序排列资源限定符系统给定的资源限定符资源限定符2配置限定符说明MCC/MCNmcc310、mcc310-mnc004、……移动国家代码/移动网络代号语言和区域en、fr、en-rUS、zh、……语言代码和区域代码，区域代码前加r布局方向ldrtl、ldltr指的是布局从左到右还是从右到左最小宽度sw<N>dp，比如：sw320dp屏幕的基本尺寸可用宽度w<N>dp屏幕的最小有效宽度可用高度h<N>dp屏幕的最小有效高度系统给定的资源限定符资源限定符3配置限定符说明屏幕尺寸small、normal、large、xlarge硬件屏幕的尺寸屏幕宽高比long、notlong屏幕的方向land、portland表示横屏、port表示竖屏夜间模式night、notnight像素密度ldpi、mdpi、hdpi、xhdpi、……屏幕的像素密度有效键盘keysexposed、keyshidden、keyssoft键盘的状态使用限定符来限定屏幕类型纵横屏幕切换时首先影响到的时候界面布局为界面布局使用限定屏幕类型的限定符/res/layout-land/这个目录下的布局文件将会在横屏时被使用/res/layout-port/这个目录下的布局文件将会在竖屏时被使用存放在两个目录下的文件名应该是相同的，比如：/res/layout-land/main.xml/res/layout-port/main.xml限定屏幕类型屏幕切换时布局文件会被自动重新加载为横屏和竖屏定义不同的布局文件存放在各自的限定符目录中在模拟器中通过Ctrl+F11进行横屏和竖屏的切换操作实现切换纵横屏切换演示演示纵横屏切换时布局的自动切换纵横屏切换时，默认情况下Activity的onCreate会被调用可以通过对Activity进行配置改变事件处理的流程使用android:configChanges进行配置onCreate将不会再被通知通过覆盖onConfigurationChanged方法处理事件默认状态下Activity将会被销毁重建，布局的切换自动完成通过上述配置Activity将不会被重建但是布局的切换需要程序来处理切换事件处理<activity

android:configChanges="orientation|screenSize"android:name="com.example.screen.MainActivity"android:label="@string/app_name"></activity>切换事件处理演示演示切换事件的处理第7节优化布局知识点预览#知识点重点难点应用说明1HierarchyViewer调试√√√介绍HierarchyViewer调试工具。2优化UI布局√√√介绍如何进行UI布局的优化。HierarchyViewer是随AndroidSDK提供的一个工具位于SDK的tools目录下，名为：hierarchyviewer.bat是一个单机版的软件，能够连接正在运行的模拟器设备提供了通过可视化功能查看运行在设备中应用的UI布局结构能够结合开Eclipse的Debug功能进行UI的调试HierarchyViewer调试HierarchyViewer提供了如下一些功能可视化浏览UI布局的层级结构HierarchyViewer调试2HierarchyViewer提供了如下一些功能可以按照实际运行效果查看UI布局的细节HierarchyViewer调试3优化UI布局的几个方法通过HierarchyViewer查看布局的层级结构，找出可以优化的部分如下图所示的结构树在一个FrameLayout下只存在唯一一个FrameLayout这里的原因是因为Activity的根布局就是FrameLayout所以假如Activity的中的顶层布局可以不用定义成FrameLayout这里可以通过<merge>标签进行优化优化UI布局优化UI布局的几个方法通过HierarchyViewer查看布局的层级结构，找出可以优化的部分使用<merge>标签的优化如下：优化前优化后优化UI布局2<FrameLayout……><View……/></FrameLayout><merge……><View……/></merge>优化UI布局的几个方法使用<include>标签进行界面布局的优化提取多个界面的公共部分并放在一个独立的布局文件(shap.xml)中优化UI布局3<LinearLayoutxmlns:android=""android:orientation="vertical"android:layout_width="fill_parent"android:layout_height="fill_parent”><TextViewandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:text="这是一个共享布局”/></LinearLayout>优化UI布局的几个方法使用<include>标签进行界面布局的优化在需要使用的布局中通过include使用公