Android智能手机软件开发教程第4章ppt课件.ppt

1 第4章界面布局与常用资源使用 2 掌握常见的布局方式 会通过XML文件构建线性布局 相对布局 绝对布局 表格布局 帧布局等常用布局 掌握在Activity中通过编程构建指定布局的方法 会向布局中增加常见的widget组件并显示 掌握在应用程序通过setContentView 方法引用XML布局资源的方法 本章学习目标 3 用户界面UI一般由一组继承自View基类的某个可视化控件和ViewGroup构成 基类View提供了控件绘制和事件处理的基本方法 某个View对象的属性存储了屏幕上一个特定区域的布局参数和内容 4 1概述 4 View和viewGroup的关系 5 4 1 1组件的ID属性如新建了一个Button组件 可在XML中采用如下方式为其分配ID号 android id id my button ID可用于在Java代码中引用相应的控件 表示XML解析器应该解析ID字符串并把它作为ID资源 表示这是一个新的资源名字 它被创建后应加入到资源文件R java中 findViewById 取得布局上元素的句柄 前提是已经在布局Layout文件中设置好相应元素的ID 4 1概述 6 4 1 2尺寸参数尺寸参数是指诸如layout height layout width等 如 android layout width fill parent 在表示尺寸时可用确定的数字 如50px 也可以采用参数fill parent或者wrap content 4 1概述 7 4 1 3部分XML布局组件标记及布局属性 8 Android部分布局属性 9 Android部分布局属性 10 Android部分布局属性 11 在开发Android应用程序时 用户界面UI是系统和用户之间进行交互的窗口 Activity则是UI容器 Android中的布局管理一般要在XML中进行规划和设计 布局方式如下几种 有线性布局 LinearLayout 相对布局 RelativeLayout 表格布局 TableLayout 网格视图 GridView 标签布局 TabLayout 列表视图 ListView 绝对布局 AbsoluteLayout 帧布局 FrameLayout 4 2布局及其加载 12 两种创建布局的方式 方式1 在XML文件 一般是main xml 也可自定义XML文件 中声明布局方式 在Java程序中通过setContentView 方法呈现视图 此时一般不需编写很多的Java代码 优点是直观 简洁 实现了UI界面和Java逻辑代码的分离 方式2 在Java程序中通过代码直接实例化布局及其组件 这种方法不用XML布局 但往往可读性差 且数据的直观表现和逻辑处理纠缠在一起 往往显得程序比较复杂 4 2布局及其加载 13 线性布局LinearLayout是在res layout main xml中定义的一个ViewGroup以垂直或水平方向显示view元素 要想使用线性布局 既可以在main xml中设置也可在Java代码中通过成员方法设置 4 3线性布局LinearLayout 14 相对布局RelativeLayout是ViewGroup以相对位置 即可以指定相对于它的邻居的位置 显示视图元素 4 4相对布局RelativeLayout 15 16 绝对布局是一个ViewGroup以绝对方式 指定组件元素的坐标位置 来显示它的View元素的布局 即以坐标的方式来定位组件在屏幕上位置 但通过坐标确定元素位置后 系统不能根据情况 如不同屏幕大小 对元素位置进行调整 降低了布局对不同类型和尺寸屏幕的适应能力 4 5绝对布局AbsouluteLayout 17 表格布局是一种类似表格显示ViewGroup中的元素的布局 它把包含的元素以行和列的形式进行排列 但它并没有表格线 而是用行和列标识位置 重要属性有 android layout colum 设置该控件在TableRow中所处的列android layout span 设置该控件所跨越的列数 android collapseColumns 将TableLayout里面指定列隐藏android stretchColumns 设置指定的列为可伸展的列 android shrinkColumns 设置指定的列为可收缩的列 4 6表格布局 18 帧布局使多个组件以层叠的效果呈现给用户 应用程序的布局采用帧布局时 控件元素的位置只能放置在空白空间的左上角而无法指定到一个确切的位置 如果有多个元素 后放置的元素将遮挡先放置的元素 4 7帧布局FramLayout 19 除了直接调用已经设定好的XML布局外 还可以在Java代码中直接引用某种布局 此时不需要在res下存放XML布局文件 如下案例中删除了main xml以及string xml 相应地 需要修改AndroidManifest xml文件 4 8在Activity中定义和引用布局 20 一般地 只要变更资源文件目录res下的图像或XML文件设置 使用R类变量将它们导入Java源码中 就可以方便地设置外观了 4 9资源的管理与使用 21 本章介绍Android界面布局与常用资源的使用方法 介绍了以XML配置文件和Activity源码编程两种方法设定和使用常用布局的方法 另外介绍了使用存放在Android工程中的资源文件的方法 要求了解几种常见的布局方式 会通过XML文件构建线性布局 相对布局 绝对布局 表格布局 帧布局等常用布局 4 10本章小结 22 1 以线性 相对布局的方式 实现一个Activity 要求界面有说明文字 以及姓名 性别 年龄输入框 底部给出确定和取消两个按钮 2 在新建的Android应用程序中 用指定图像作为Activity背景 同时播放指定的音乐 3 本章示例给出的ViewAttributeDemo工程 是通过Java编程的方法实现了一个线性布局 并通过相应的语句向这个线性布局中添