Microsoft Word - 第5章.doc

Transcription

1 第 5 课 Android 基 础 控 件 详 解 Android 应 用 程 序 的 人 机 交 互 界 面 有 很 多 Android 控 件 组 成 几 乎 所 有 的 Android 都 会 涉 及 到 控 件 技 术, 如 文 本 框 编 辑 框 按 钮 列 表 等 控 件 这 些 在 Android 应 用 程 序 中 随 处 可 见, 本 课 将 对 Android 提 供 的 基 础 控 件 进 行 详 细 的 介 绍 本 课 学 习 目 标 : 掌 握 文 本 框 与 编 辑 框 的 基 本 应 用 掌 握 单 选 按 钮 和 复 选 按 钮 的 应 用 掌 握 普 通 按 钮 和 图 片 按 钮 的 基 本 应 用 掌 握 列 表 选 择 框 列 表 视 图 和 图 像 视 图 的 使 用 方 法 掌 握 日 期 与 时 间 选 择 器 的 基 本 使 用 了 解 计 时 器 控 件 的 使 用 方 法

2 Android 开 发 课 堂 实 录 5.1 文 本 框 与 编 辑 框 在 应 用 程 序 中, 经 常 需 要 编 辑 和 显 示 文 本, 在 Android 中 提 供 了 文 本 框 (TextView) 控 件 和 编 辑 框 (EditText) 控 件 前 者 用 于 在 屏 幕 上 显 示 文 本 ; 后 者 用 于 在 屏 幕 上 显 示 可 编 辑 的 文 本 框 其 中,EditText 是 TextView 的 子 类 下 面 将 详 细 介 绍 这 两 种 控 件 文 本 框 TextView 控 件 主 要 用 于 在 屏 幕 上 显 示 文 本, 通 过 在 XML 布 局 文 件 中 配 置 <TextView> 标 记 来 使 用 文 本 框 控 件 其 基 本 语 法 格 式 如 下 所 示 <TextView android:id="@+id/textview1" android:text="/hello world" /> 在 以 上 代 码 中,id 表 示 定 义 了 TextView 的 变 量 名 称 为 textview1, 会 自 动 写 进 R.java, 在 R.java 文 件 中 会 生 成 内 部 类 id, 可 在 主 程 序 调 用 R.id.textView1 来 获 取 这 个 控 件 变 量 实 体 layout_width 和 layout_height 表 示 TextView 的 高 度 和 宽 度, 都 设 置 为 wrap_content, 表 示 将 完 整 显 示 其 内 部 的 文 本, 布 局 元 素 将 根 据 内 容 更 改 大 小 text 属 性 表 示 要 显 示 的 文 本 的 内 容 TextView 控 件 有 很 多 属 性, 根 据 不 同 的 属 性 显 示 TextView 的 效 果 也 不 同 常 用 的 XML 属 性 如 表 5-1 所 示 android:autolink android:digits 表 5-1 TextView 支 持 的 XML 属 性 属 性 名 称 描 述 android:drawablebottom android:drawableleft android:drawablepadding android:drawableright android:drawabletop android:gravity android:hint android:inputtype android:linksclickable 设 置 是 否 当 文 本 为 URL 链 接 / 邮 箱 / 电 话 号 码 /map 时, 文 本 显 示 为 可 单 击 的 链 接 可 选 值 none web phone map all 设 置 允 许 输 入 哪 些 字 符, 如 */%\n() 用 于 在 文 本 框 内 文 本 的 底 端 绘 制 指 定 图 像, 该 图 像 可 以 是 放 在 res\drawable 目 录 下 的 图 片, 通 文 件 名 设 置 用 于 在 文 本 框 内 文 本 的 左 侧 绘 制 指 定 图 像, 该 图 像 可 以 是 放 在 res\drawable 目 录 下 的 图 片, 通 文 件 名 设 置 设 置 text 与 drawable( 图 片 ) 的 间 隔, 与 drawableleft drawableright drawabletop drawablebottom 一 起 使 用, 可 设 置 为 负 数, 单 独 使 用 没 有 效 果 用 于 在 文 本 框 内 文 本 的 右 侧 绘 制 指 定 图 像, 该 图 像 可 以 是 放 在 res\drawable 目 录 下 的 图 片, 通 文 件 名 设 置 用 于 在 文 本 框 内 文 本 的 顶 部 绘 制 指 定 图 像, 该 图 像 可 以 是 放 在 res\drawable 目 录 下 的 图 片, 通 文 件 名 设 置 用 于 设 置 文 本 框 内 文 本 的 对 齐 方 式, 可 选 值 有 top bottom left right fill 等, 这 些 属 性 也 可 以 同 时 指 定, 各 个 属 性 之 间 用 竖 线 隔 开 例 如, 要 指 定 控 件 靠 右 下 角 对 齐, 可 以 使 用 属 性 值 right bottom Text 为 空 时 显 示 的 文 字 提 示 信 息, 可 通 过 textcolorhint 设 置 提 示 信 息 的 颜 色 设 置 文 本 的 类 型, 用 于 帮 助 输 入 法 显 示 合 适 的 键 盘 类 型 设 置 链 接 是 否 单 击 链 接 104

3 SPSS 第 5 课 Android 基 础 控 件 详 解 属 性 名 称 描 述 android:marqueerepeatlimit android:maxlength android:lines android:maxlines android:minlines android:linespacingextra android:linespacingmultiplier android:numeric android:password android:phonenumber android:privateimeoptions android:scrollhorizontally android:selectallonfocus android:shadowcolor android:shadowdx android:shadowdy android:shadowradius android:singleline android:text android:textappearance android:textcolor android:textcolorhighlight android:textcolorhint android:textcolorlink 续 表 在 ellipsize 指 定 marquee 的 情 况 下, 设 置 重 复 滚 动 的 次 数, 当 设 置 为 marquee_forever 时 表 示 无 限 次 限 制 显 示 的 文 本 长 度, 超 出 部 分 不 显 示 设 置 文 本 的 行 数, 设 置 两 行 就 显 示 两 行, 即 使 第 二 行 没 有 数 据 设 置 文 本 的 最 大 显 示 行 数, 与 width 或 者 layout_width 结 合 使 用, 超 出 部 分 自 动 换 行, 超 出 行 数 将 不 显 示 设 置 文 本 的 最 小 行 数, 与 lines 类 似 设 置 行 间 距 设 置 行 间 距 的 倍 数 如 果 被 设 置, 该 TextView 有 一 个 数 字 输 入 法 以 小 点. 显 示 文 本 设 置 为 电 话 号 码 的 输 入 方 式 设 置 输 入 法 选 项 设 置 文 本 超 出 TextView 宽 度 的 情 况 下, 是 否 出 现 横 拉 条 如 果 文 本 是 可 选 择 的, 让 它 获 取 焦 点 而 不 是 将 光 标 移 动 为 文 本 的 开 始 位 置 或 者 末 尾 位 置 指 定 文 本 阴 影 的 颜 色, 需 要 与 shadowradius 一 起 使 用 设 置 阴 影 横 向 坐 标 开 始 位 置 设 置 阴 影 纵 向 坐 标 开 始 位 置 设 置 阴 影 的 半 径 设 置 为 0.1 就 变 成 字 体 的 颜 色 了, 一 般 设 置 为 3.0 的 效 果 比 较 好 设 置 单 行 显 示 如 果 和 layout_width 一 起 使 用, 当 文 本 不 能 全 部 显 示 时, 后 面 用 来 表 示 如 果 不 设 置 singleline 或 者 设 置 为 false, 文 本 将 自 动 换 行 设 置 显 示 文 本 设 置 文 字 外 观 设 置 文 本 颜 色 被 选 中 文 字 的 底 色, 默 认 为 蓝 色 设 置 提 示 信 息 文 字 的 颜 色, 默 认 为 灰 色 与 hint 一 起 使 用 文 字 链 接 的 颜 色 android:textscalex 设 置 文 字 之 间 间 隔, 默 认 为 1.0f android:textsize android:textstyle 设 置 文 字 大 小, 推 荐 度 量 单 位 sp 设 置 字 形 [bold( 粗 体 ), italic( 斜 体 ),bolditalic( 又 粗 又 斜 )], 可 以 设 置 一 个 或 多 个, 用 隔 开 android:typeface 设 置 文 本 字 体, 必 须 是 以 下 常 量 值 之 一 :normal sans serif 或 者 monospace android:height 设 置 文 本 区 域 的 高 度, 支 持 度 量 单 位 :dp/sp/in/mm( 毫 米 ) android:maxheight android:minheight 设 置 文 本 区 域 的 最 大 高 度 设 置 文 本 区 域 的 最 小 高 度 android:width 设 置 文 本 区 域 的 宽 度, 支 持 度 量 单 位 :dp/sp/in/mm( 毫 米 ) android:maxwidth android:minwidth 设 置 文 本 区 域 的 最 大 宽 度 设 置 文 本 区 域 的 最 小 宽 度 练 习 1 在 Eclipse 中 创 建 一 个 Android 项 目, 名 称 为 ch05_01, 实 现 在 文 本 框 中 显 示 超 链 接 邮 箱, 显 示 带 图 片 的 文 本, 单 行 和 多 行 显 示 文 本 的 功 能 (1) 在 项 目 中 的 res/layout 目 录 下 修 改 activity_main.xml 文 件, 作 为 文 本 框 显 示 的 布 局 文 件, 105

4 Android 开 发 课 堂 实 录 在 其 中 添 加 4 个 文 本 框, 分 别 设 置 属 性 如 下 所 示 <LinearLayout xmlns:android=" xmlns:tools=" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <TextView android:id="@+id/textview01" android:autolink="all" android:text="@string/text01" android:layout_margin="10dp"/> <TextView android:id="@+id/textview02" android:drawabletop="@drawable/logo" android:text="@string/text02" android:gravity="center" android:layout_margin="10dp"/> <TextView android:id="@+id/textview03" android:singleline="true" android:text="@string/text03"/> <TextView android:id="@+id/textview04" android:singleline="false" android:text="@string/text03" android:linespacingmultiplier="1.5"/> </LinearLayout> 其 中 第 一 个 文 本 框 添 加 了 属 性 autolink, 并 且 设 置 值 为 all, 表 示 该 文 本 框 中 所 含 有 的 URL 和 邮 箱 地 址, 将 用 超 链 接 显 示 第 二 个 文 本 框 中 添 加 了 属 性 drawabletop, 是 用 来 在 文 本 框 的 上 部 显 示 图 片, 而 且 该 文 本 在 图 片 下 方 的 正 中 间 第 三 个 和 第 四 个 文 本 框 中 都 设 置 了 属 性 singleline, 其 中 第 三 个 值 设 置 为 true, 代 表 单 行 显 示 文 本, 多 余 的 将 用 代 替 属 性 linespacingmultiplier 表 示 行 间 距,layout_margin 表 示 边 距 在 上 述 代 码 中 的 text 表 示 显 示 的 文 本, 都 来 自 项 目 的 res/values 中 的 strings.xml 文 件 (2) 在 项 目 的 res 目 录 下 的 drawable_ldpi 文 件 夹 中, 放 入 一 张 名 称 为 logo.gif 的 图 片, 用 以 在 第 二 个 文 本 框 上 部 显 示 (3) 在 项 目 的 res/values 中 的 strings.xml 文 件 中 添 加 文 本 框 中 文 本 的 显 示 内 容, 代 码 如 下 所 示 <string name="text01"> 汇 智 学 习 视 频 网 站 : 邮 箱 地 址 为 : admin@itzcn.com</string> 106

5 SPSS 第 5 课 Android 基 础 控 件 详 解 <string name="text02"> 带 图 片 的 文 本 框 </string> <string name="text03">android 是 一 种 基 于 Linux 的 自 由 及 开 放 源 代 码 的 操 作 系 统, 主 要 使 用 于 移 动 设 备, 如 智 能 手 机 和 平 板 电 脑, 由 Google 公 司 和 开 放 手 机 联 盟 领 导 及 开 发 </string> 运 行 项 目 后, 文 本 框 显 示 的 效 果 如 图 5-1 所 示 图 5-1 文 本 框 的 显 示 效 果 编 辑 框 编 辑 框 主 要 用 于 在 屏 幕 上 显 示 文 本 输 入 框, 便 于 用 户 输 入 信 息, 通 过 在 XML 布 局 文 件 中 配 置 <EditView> 标 记 来 使 用 编 辑 框 控 件, 其 基 本 语 法 格 式 如 下 <EditText android:id="@+id/editview" android:hint=" 在 编 辑 框 内 容 为 空 时, 显 示 该 内 容 " android:singleline="true" android:inputtype="textpersonname"/> 在 上 述 代 码 中, 定 义 的 编 辑 框 的 宽 度 和 高 度 均 为 wrap_content, 表 示 将 完 整 显 示 其 内 部 的 文 本, 布 局 元 素 将 根 据 内 容 更 改 大 小 hint 属 性 表 示 当 编 辑 框 内 容 为 空 的 时 候, 显 示 的 默 认 内 容 singleline 属 性 表 示 是 否 单 行, 设 置 为 true 表 示 输 入 内 容 为 单 行 inputtype 属 性 是 用 于 指 定 当 前 编 辑 框 输 入 内 容 的 文 本 类 型 提 示 编 辑 框 的 XML 属 性 与 文 本 框 属 性 一 样, 这 里 就 不 再 一 一 列 举 了 练 习 2 下 面 给 出 一 个 使 用 编 辑 框 的 实 例 在 Eclipse 中 创 建 Android 项 目, 名 称 为 ch05_02, 实 现 会 员 注 册 界 面 (1) 在 项 目 中 的 res/layout 目 录 下 修 改 activity_main.xml 文 件, 作 为 编 辑 框 显 示 的 布 局 文 件, 为 了 使 应 用 程 序 布 局 显 示 不 杂 乱, 这 里 添 加 了 一 个 TableLayout 表 格 布 局 管 理 器, 并 添 加 了 5 个 TableRow 表 格 行, 修 改 后 布 局 文 件 的 主 要 代 码 如 下 所 示 <?xml version="1.0" encoding="utf-8"?> <TableLayout xmlns:android=" android:layout_width="match_parent" 107

6 Android 开 发 课 堂 实 录 android:layout_height="match_parent" android:orientation="vertical" > <TableRow <!-- 在 此 处 添 加 文 本 框 与 编 辑 框 配 置 属 性 --> </TableRow> 由 于 表 格 行 的 代 码 基 本 一 致, 因 此 在 此 处 省 略 其 他 四 个 表 格 行 的 代 码, 需 要 注 意 的 是 在 编 写 其 他 几 个 表 格 行 的 时 候 应 将 各 个 表 格 行 的 id 重 新 设 置 (2) 在 第 一 个 表 格 中 添 加 一 个 用 于 显 示 提 示 信 息 的 文 本 框 和 一 个 用 于 输 入 会 员 昵 称 的 编 辑 框 控 件, 具 体 代 码 如 下 <TextView android:text=" 用 户 名 "/> <EditText android:layout_width="300dp" android:singleline="true" android:inputtype="textpersonname"/> 上 述 代 码 中,EditView 控 件 中 的 singleline="true" 表 示 单 行 输 入 文 本 在 EditView 控 件 中, inputtype="textpersonname" 表 示 输 入 类 型 为 用 户 名 (3) 在 第 二 个 表 格 中 添 加 一 个 用 于 显 示 提 示 信 息 的 文 本 框 和 一 个 用 于 输 入 密 码 的 编 辑 框 控 件, 具 体 代 码 如 下 <TextView android:text=" 密 码 "/> <EditText android:layout_width="match_parent" android:password="true" android:singleline="true"/> 上 述 代 码 中,EditView 控 件 的 password="true" 表 示 输 入 的 内 容 为 密 码, 将 用. 代 替 输 入 的 内 容, 不 过 这 种 方 法 已 经 过 时, 主 要 用 以 下 方 法 设 置 密 码 (4) 在 第 三 个 表 格 中 添 加 一 个 用 于 显 示 提 示 信 息 的 文 本 框 和 一 个 用 于 输 入 确 认 密 码 的 编 辑 框 控 件, 具 体 代 码 如 下 108

7 SPSS 第 5 课 Android 基 础 控 件 详 解 <TextView android:id="@+id/textview07" android:text=" 确 认 密 码 "/> <EditText android:layout_width="fill_parent" android:id="@+id/pwd2" android:hint="@string/edit02" android:inputtype="textpassword" android:singleline="true"/> 上 述 代 码 中,EditView 控 件 中 的 inputtype="textpassword" 表 示 输 入 的 内 容 为 密 码, 将 用. 代 替 输 入 的 内 容 (5) 在 第 四 个 表 格 中 添 加 一 个 用 于 显 示 提 示 信 息 的 文 本 框 和 一 个 用 于 输 入 电 话 号 码 的 编 辑 框 控 件, 具 体 代 码 如 下 <TextView android:id="@+id/textview08" android:text=" 电 话 号 码 "/> <EditText android:layout_width="300dp" android:id="@+id/phone" android:hint="@string/edit03" android:singleline="true" android:inputtype="phone"/> 上 述 代 码 中 的 EditView 控 件,inputType="phone" 表 示 输 入 的 内 容 为 电 话 号 码, 仅 仅 能 输 入 整 数 (6) 在 第 五 个 表 格 中 添 加 一 个 用 于 显 示 提 示 信 息 的 文 本 框 和 一 个 用 于 输 入 邮 箱 地 址 的 编 辑 框 控 件, 具 体 代 码 如 下 <TextView android:id="@+id/textview09" android:text=" 邮 箱 地 址 "/> <EditText android:layout_width="300dp" android:id="@+id/ " android:hint="@string/edit04" android:singleline="true" android:inputtype="text address"/> 上 述 代 码 中 的 EditView 控 件 中,inputType="text Address" 表 示 输 入 内 容 为 电 子 邮 件, 将 109

8 Android 开 发 课 堂 实 录 会 在 虚 拟 键 盘 中 加 入 字 用 于 电 子 邮 件 地 址 的 输 入 (7) 添 加 一 个 水 平 线 性 布 局 管 理 器, 并 在 该 布 局 管 理 器 中 添 加 两 个 按 钮, 具 体 代 码 如 下 <LinearLayout android:orientation="horizontal" > <Button <Button </LinearLayout> 上 述 代 码 中 主 要 是 设 置 了 两 个 按 钮 控 件, 按 钮 控 件 将 会 在 以 后 详 细 介 绍, 这 里 就 不 再 说 明 (8) 在 项 目 的 res/values 中 的 strings.xml 文 件 中 添 加 编 辑 框 中 所 用 到 的 字 符 串 内 容, 代 码 如 下 所 示 <string name="edit01"> 请 输 入 用 户 名 </string> <string name="edit02"> 请 输 入 密 码 </string> <string name="edit03"> 请 输 入 电 话 号 码 </string> <string name="edit04"> 请 输 入 邮 箱 地 址 </string> <string name="reg"> 注 册 </string> <string name="rest"> 重 置 </string> (9) 为 了 使 注 册 信 息 能 够 在 控 制 台 下 输 出, 在 com.android.activity 包 中 的 MainActivity.java 文 件 中, 添 加 如 下 代 码 protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_editview); Button reg = (Button) findviewbyid(r.id.reg); // 获 取 注 册 按 钮 控 件 reg.setonclicklistener(new regonclicklistener()); // 为 注 册 按 钮 设 置 监 听 class regonclicklistener implements OnClickListener{ // 监 听 器 实 现 public void onclick(view v) { EditText nickname = (EditText) findviewbyid(r.id.nickname); // 获 取 会 员 用 户 名 控 件 EditText pwd = (EditText) findviewbyid(r.id.pwd); // 获 取 会 员 注 册 密 码 控 件 EditText pwd2 = (EditText) findviewbyid(r.id.pwd2); // 获 取 会 员 确 认 密 码 控 件 EditText phone = (EditText) findviewbyid(r.id.phone); // 获 取 会 员 注 册 电 话 号 码 控 件 EditText = (EditText) findviewbyid(r.id. ); 110

9 SPSS 第 5 课 Android 基 础 控 件 详 解 // 获 取 会 员 注 册 邮 箱 控 件 Log.i(" 用 户 名 为 :", nickname.gettext().tostring()); Log.i(" 密 码 为 :", pwd.gettext().tostring()); Log.i(" 确 认 密 码 为 :", pwd2.gettext().tostring()); Log.i(" 电 话 号 码 为 :", phone.gettext().tostring()); Log.i(" 邮 箱 地 址 为 :", .gettext().tostring()); 上 述 代 码 中,findViewById() 根 据 控 件 的 id 来 获 取 控 件 对 象, 由 于 获 取 的 控 件 对 象 为 View 类 型, 所 以 要 根 据 需 要 转 换 成 所 想 要 得 到 的 控 件 对 象 Button 是 按 钮 控 件, 获 取 后 为 按 钮 使 用 setonclicklistener() 添 加 一 个 监 听, 当 单 击 该 按 钮 的 时 候 将 会 执 行 监 听 中 的 OnClick(View v) 方 法, Button 控 件 将 会 在 下 个 小 节 详 细 介 绍, 这 里 就 不 再 赘 述 了 Log.i(String tag,string msg) 用 于 将 信 息 添 加 到 日 志 文 件 中, 然 后 在 控 制 台 的 日 志 管 理 中 显 示 运 行 项 目 后, 编 辑 框 的 应 用 效 果 如 图 5-2 所 示 在 编 辑 框 中 输 入 内 容 后 的 效 果 如 图 5-3 所 示 图 5-2 编 辑 框 的 应 用 效 果 图 5-3 编 辑 框 输 入 内 容 后 的 效 果 在 控 制 台 日 志 中 显 示 内 容 如 图 5-4 所 示 图 5-4 在 日 志 中 显 示 编 辑 框 中 输 入 的 内 容 5.2 按 钮 在 Android 中 提 供 了 普 通 按 钮 (Button) 和 图 片 按 钮 (ImageButton) 两 个 控 件 这 两 个 控 件 都 可 以 在 应 用 程 序 界 面 显 示 一 个 按 钮 当 用 户 单 击 按 钮 时, 将 会 触 发 一 个 onclick 事 件, 可 以 通 过 为 按 钮 添 加 单 击 事 件 监 听 器 指 定 所 要 触 发 的 动 作 普 通 按 钮 Button 控 件 在 布 局 中 的 配 置 在 前 面 也 有 用 到,Button 控 件 的 基 本 使 用 方 法 与 TextView EditView 并 无 太 大 的 差 别 其 在 XML 布 局 文 件 中 简 单 的 配 置 如 下 所 示 <Button android:id="@+id/button" 111

10 Android 开 发 课 堂 实 录 android:layout_width="match_parent" android:layout_height="match_parent" android:text=" 普 通 按 钮 " /> 在 上 面 的 代 码 中,id 表 示 定 义 了 Button 的 变 量 名 称 为 button, 会 自 动 写 进 R.java, 在 R.java 文 件 中 会 生 成 内 部 类 id, 可 在 主 程 序 里 面 调 用 R.id.button 来 获 取 这 个 控 件 变 量 实 体 layout_width 和 layout_height 表 示 Button 的 高 度 和 宽 度, 都 设 置 为 wrap_content, 表 示 布 局 元 素 将 根 据 内 容 更 改 大 小 text 属 性 表 示 普 通 按 钮 上 所 显 示 的 内 容 按 钮 最 常 用 的 就 是 单 击 事 件,Android 提 供 了 两 种 为 按 钮 添 加 单 击 事 件 监 听 器 的 方 法, 一 种 是 在 Java 代 码 中 完 成, 具 体 代 码 如 下 所 示 Button button = (Button) findviewbyid(r.id.button); // 通 过 Id 来 获 取 布 局 文 件 中 的 按 钮 button.setonclicklistener(new buttononclicklistener()); // 为 按 钮 添 加 单 击 事 件 监 听 器 class buttononclicklistener implements OnClickListener{// 监 听 器 实 现 接 public void onclick(view v) { // 编 写 需 要 执 行 的 动 作 代 码 另 一 种 方 法 是 在 Activity 中 写 一 个 包 含 View 类 型 的 参 数 的 方 法, 其 主 要 代 码 如 下 public void loginclick(view v) { // 编 写 需 要 执 行 的 动 作 代 码 那 么 就 可 以 在 布 局 文 件 中 通 过 给 按 钮 添 加 属 性 android:onclick="loginclick" 语 句 为 按 钮 添 加 单 击 事 件 监 听 器 图 片 按 钮 图 片 按 钮 与 普 通 按 钮 的 使 用 方 法 基 本 相 同, 只 不 过 图 片 按 钮 可 以 选 择 自 定 义 的 图 片 来 作 为 按 钮, 在 布 局 文 件 中 加 载 图 片 按 钮 的 基 本 代 码 如 下 所 示 <ImageButton android:id="@+id/imagebutton" android:layout_width="match_parent" android:layout_height="match_parent" android:src="@drawable/imagebutton" /> 上 述 代 码 中, 图 片 按 钮 的 宽 和 高 设 置 为 match_parent, 表 示 填 满 整 个 父 窗 口,src 属 性 表 示 图 片 的 路 径 提 示 和 普 通 按 钮 一 样, 使 用 图 片 按 钮 的 时 候 也 需 要 为 按 钮 添 加 单 击 事 件 监 听 器, 具 体 方 法 与 普 通 按 钮 方 法 一 致, 这 里 就 不 再 赘 述 练 习 3 在 Eclipse 中 创 建 一 个 Android 项 目, 名 称 为 ch05_03 在 布 局 中 添 加 一 个 普 通 按 钮 和 图 片 按

11 SPSS 第 5 课 Android 基 础 控 件 详 解 钮, 并 为 两 个 按 钮 设 置 单 击 事 件 监 听 器, 单 击 按 钮 时 触 发 事 件 (1) 在 项 目 res 目 录 下 的 drawable_ldpi 文 件 夹 中, 放 入 一 张 名 称 为 imagebutton.bmp 的 图 片, 用 于 作 为 图 片 按 钮 的 图 片 (2) 在 项 目 中 的 res/layout 目 录 下 修 改 activity_main.xml 文 件, 改 为 线 性 布 局 添 加 一 个 文 本 框 控 件, 用 于 显 示 当 前 正 在 单 击 的 按 钮 控 件, 主 要 代 码 如 下 <TextView android:id="@+id/textview01" android:text="@string/textshow"/> 当 没 有 单 击 按 钮 的 时 候, 该 文 本 框 显 示 的 内 容 为 项 目 下 res/values 的 strings.xml 文 件 中 的 属 性 为 textshow 的 字 符 串, 当 单 击 按 钮 后 内 容 将 发 生 改 变 (3) 添 加 一 个 水 平 线 性 布 局 管 理 器, 并 在 该 布 局 管 理 器 中 添 加 一 个 普 通 按 钮 和 一 个 图 片 按 钮, 主 要 代 码 如 下 <LinearLayout android:orientation="horizontal" > <Button android:id="@+id/button" android:layout_width="match_parent" android:layout_height="fill_parent" android:text="@string/button" /> <ImageButton android:id="@+id/imagebutton" android:layout_width="match_parent" android:layout_height="match_parent" android:contentdescription="@string/button" android:src="@drawable/imagebutton" /> </LinearLayout> 上 述 代 码 中,Button 控 件 中 的 text 属 性 表 示 该 Button 上 所 显 示 的 内 容 ;ImageButton 控 件 中 的 src 表 示 该 图 片 控 件 的 图 片 来 源 (4) 添 加 两 个 文 本 框 控 件, 用 于 统 计 单 击 每 个 按 钮 的 次 数, 主 要 代 码 如 下 <TextView android:id="@+id/textview02" android:text="@string/text01"/> <TextView android:id="@+id/textview03" android:text="@string/text02/> 113

12 Android 开 发 课 堂 实 录 (5) 在 项 目 的 res/values 中 的 strings.xml 文 件 中 添 加 文 本 框 文 本 的 显 示 内 容, 代 码 如 下 所 示 <string name="button"> 登 录 </string> <string name="textshow"> 您 没 有 单 击 按 钮 </string> <string name="text01"> 您 没 有 单 击 普 通 按 钮 </string> <string name="text02"> 您 没 有 单 击 图 片 按 钮 </string> (6) 在 com.android.activity 包 中 的 MainActivity.java 文 件 中, 添 加 按 钮 单 击 事 件 监 听 器 和 设 置 文 本 框 显 示 内 容, 其 主 要 代 码 如 下 private TextView textshow = null; private int count1 = 0; // 统 计 普 通 按 钮 单 击 次 数 private int count2 = 0; // 统 计 图 片 按 钮 单 击 次 数 protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_main); Button button = (Button) findviewbyid(r.id.button);// 获 取 普 通 按 钮 对 象 ImageButton imagebutton = (ImageButton) findviewbyid(r.id.imagebutton); // 获 取 图 片 按 钮 button.setonclicklistener(new buttononclicklistener()); // 为 普 通 按 钮 添 加 事 件 监 听 器 imagebutton.setonclicklistener(new imagebuttononclicklistener()); // 为 图 片 按 钮 添 加 事 件 监 听 器 class buttononclicklistener implements OnClickListener{ public void onclick(view v) { TextView buttoncount = (TextView) findviewbyid(r.id.textview02); // 获 取 文 本 框 对 象 count1 ++ ; textshow = (TextView) findviewbyid(r.id.textview01); textshow.settext(" 您 正 在 单 击 普 通 按 钮 "); // 设 置 文 本 框 显 示 内 容 buttoncount.settext(" 您 一 共 单 击 了 " + count1 + " 次 普 通 按 钮 "); // 设 置 文 本 框 显 示 内 容 class imagebuttononclicklistener implements OnClickListener{ public void onclick(view v) { TextView buttoncount = (TextView) findviewbyid(r.id.textview03); count2 ++ ; textshow = (TextView) findviewbyid(r.id.textview01); textshow.settext(" 您 正 在 单 击 图 片 按 钮 "); buttoncount.settext(" 您 一 共 单 击 了 " + count2 + " 次 图 片 按 钮 "); 上 述 代 码 中 findviewbyid() 根 据 控 件 的 id 来 获 取 控 件 对 象, 由 于 获 取 的 控 件 对 象 为 View 类 型, 所 以 要 根 据 需 要 转 换 成 所 想 要 得 到 的 控 件 对 象 Button 是 按 钮 控 件, 获 得 后 为 按 钮 使 用 setonclicklistener() 添 加 一 个 事 件 监 听 器, 当 单 击 该 按 钮 的 时 候 将 会 执 行 监 听 中 的 OnClick(View v) 方 法 每 执 行 一 次 onclick(view v) 方 法, 都 会 将 单 击 次 数 加 1, 这 样 就 将 按 钮 的 单 击 次 数 统 计 出 来, 114

13 SPSS 第 5 课 Android 基 础 控 件 详 解 并 在 文 本 框 内 显 示 运 行 项 目 后, 按 钮 显 示 效 果 如 图 5-5 所 示 当 单 击 按 钮 后, 效 果 如 图 5-6 所 示 图 5-5 按 钮 显 示 效 果 图 5-6 单 击 按 钮 后 效 果 5.3 单 选 按 钮 与 复 选 框 单 选 按 钮 和 复 选 框 都 继 承 了 普 通 按 钮 因 此 它 们 都 可 以 直 接 使 用 普 通 按 钮 支 持 各 种 属 性 和 方 法 同 时, 单 选 按 钮 控 件 和 复 选 框 控 件 提 供 了 是 否 选 中 的 功 能 下 面 分 别 对 单 选 按 钮 和 复 选 框 进 行 详 细 的 介 绍 单 选 按 钮 单 选 按 钮 用 于 多 选 一 的 状 态, 一 般 情 况 下, 单 选 按 钮 默 认 为 一 个 圆 形 的 图 片, 在 图 标 旁 有 该 单 选 按 钮 的 说 明 文 字 在 程 序 中, 一 般 将 同 类 单 选 按 钮 放 在 同 一 个 单 选 按 钮 组 中 在 同 一 个 单 选 按 钮 组 中, 当 某 个 单 选 按 钮 被 选 中 的 时 候, 其 他 单 选 按 钮 则 自 动 取 消 被 选 中 的 状 态 单 选 按 钮 用 RadioButton 表 示,RadioButton 是 Button 的 子 类, 所 以 支 持 Button 所 支 持 的 属 性 在 屏 幕 上 添 加 单 选 按 钮 可 以 通 过 在 XML 布 局 文 件 中 使 用 <RadioButton> 标 记 添 加, 其 基 本 语 法 格 式 如 下 所 示 <RadioButton android:text=" 男 " android:checked="true" android:id="@+id/radio"/> 上 述 代 码 中,text 属 性 表 示 单 选 按 钮 的 标 签 文 字 ;checked 表 示 该 单 选 按 钮 默 认 是 否 处 于 选 中 状 态, 当 为 true 时 表 示 该 单 选 按 钮 处 于 选 中 状 态 ; 为 false 时, 表 示 取 消 选 中, 默 认 为 false 多 数 情 况 下, 在 使 用 单 选 按 钮 的 时 候 都 会 使 用 到 单 选 按 钮 组, 将 单 选 按 钮 放 在 单 选 按 钮 组 中 单 选 按 钮 组 在 XML 中 通 过 添 加 <RadioGroup> 标 记 来 添 加 单 选 按 钮 组, 基 本 语 法 格 式 如 下 所 示 <RadioGroup android:orientation="horizontal" android:id="@+id/radiogroup"> <!-- 添 加 单 选 按 钮 控 件 --> </RadioGroup> 115

14 Android 开 发 课 堂 实 录 在 上 述 代 码 中,orientation="horizontal" 表 示 单 选 按 钮 组 中 的 单 选 按 钮 水 平 放 置 与 普 通 按 钮 的 使 用 方 法 相 同, 在 使 用 单 选 按 钮 的 时 候 也 要 给 单 选 按 钮 添 加 事 件 监 听 器, 不 过 在 这 里 是 给 单 选 按 钮 组 添 加 监 听, 其 主 要 代 码 如 下 所 示 RadioGroup radiogroup = (RadioGroup) findviewbyid(r.id.radiogroup); radiogroup.setoncheckedchangelistener(new RadioGroup.OnCheckedChange- Listener() { public void oncheckedchanged(radiogroup group, int checkedid) { RadioButton radiobutton = (RadioButton) findviewbyid(checkedid); radiobutton.gettext(); // 获 取 被 选 中 的 单 选 按 钮 的 值 ); 上 述 代 码 中, 在 获 取 单 选 按 钮 的 值 时, 首 先 通 过 单 选 按 钮 组 的 id 来 获 取 单 选 按 钮 组, 然 后 为 其 添 加 OnCheckedChangeListener 监 听 器, 并 在 oncheckedchanged() 方 法 中 根 据 参 数 checkedid 获 取 被 选 中 的 单 选 按 钮, 并 通 过 gettext() 方 法 获 取 该 单 选 按 钮 所 对 应 的 值 复 选 框 复 选 框 用 于 在 多 个 选 择 中 选 择 一 个 或 多 个 的 情 况 在 默 认 的 情 况 下, 复 选 框 显 示 为 一 个 方 块 图 标, 并 在 该 图 标 旁 有 该 复 选 框 的 说 明 文 字 每 一 个 复 选 框 都 有 选 中 和 未 选 中 两 种 状 态 复 选 框 在 Android 中 用 CheckBox 表 示,CheckBox 也 是 Button 的 子 类, 所 以 也 支 持 Button 所 支 持 的 属 性 在 屏 幕 上 添 加 单 选 按 钮 可 以 通 过 在 XML 布 局 文 件 中 使 用 <CheckBox> 标 记 添 加, 其 基 本 语 法 格 式 如 下 所 示 <CheckBox android:text=" 游 泳 " android:id="@+id/checkbox"/> 上 述 代 码 中,text 属 性 表 示 CheckBox 的 标 签 文 字 id="@+id/checkbox" 表 示 一 个 id 为 checkbox 的 CheckBox 控 件 由 于 在 使 用 复 选 框 的 时 候 可 以 同 时 选 中 多 项, 所 以 为 了 确 定 用 户 是 否 选 中 了 该 项, 则 需 要 给 每 一 个 复 选 框 选 项 都 添 加 一 个 事 件 监 听 器, 为 复 选 框 添 加 监 听 器 的 主 要 代 码 如 下 所 示 private CheckBox checkbox = null; protected void oncreate(bundle savedinstancestate) { // 省 略 部 分 代 码 checkbox = (CheckBox) findviewbyid(r.id.checkbox); // 获 取 复 选 框 对 象 checkbox.setoncheckedchangelistener(new CheckBoxOnCheckedChangedListener()); class CheckBoxOnCheckedChangedListener implements OnCheckedChange- public void oncheckedchanged(compoundbutton arg0, boolean arg1) { if (checkbox.ischecked()) { checkbox.gettext(); // 判 断 该 复 选 框 是 否 被 选 中 // 获 取 选 中 复 选 框 的 值 116

15 SPSS 第 5 课 Android 基 础 控 件 详 解 在 上 述 代 码 中, 获 取 复 选 框 的 值 的 时 候, 首 先 通 过 复 选 框 的 id 来 获 取 复 选 框 对 象, 然 后 为 其 添 加 OnCheckedChangeListener 监 听 器, 并 在 oncheckedchanged() 方 法 中 根 据 方 法 ischecked() 来 获 取 该 复 选 框 是 否 被 选 中, 如 果 被 选 中, 则 通 过 gettext() 方 法 获 取 该 复 选 框 所 对 应 的 值 练 习 4 在 Eclipse 中 创 建 一 个 Android 项 目, 名 称 为 ch05_04, 实 现 一 个 性 别 和 兴 趣 的 选 择 界 面 (1) 在 项 目 中 的 res/layout 目 录 下 修 改 activity_main.xml 文 件, 首 先 添 加 一 个 线 性 布 局, 用 于 添 加 一 个 文 本 框 控 件 和 一 个 单 选 按 钮 组, 其 中 在 单 选 按 钮 组 中 添 加 两 个 单 选 按 钮 控 件, 主 要 代 码 如 下 所 示 <LinearLayout android:orientation="vertical" > <TextView android:text="@string/sex"/> <RadioGroup android:orientation="horizontal" android:id="@+id/sex"> <RadioButton android:text="@string/man" android:id="@+id/man"/> <!-- 省 略 性 别 为 女 的 单 选 按 钮 --> </RadioGroup> </LinearLayout> 在 布 局 文 件 中 的 orientation="vertical" 表 示 在 其 中 的 控 件 将 垂 直 放 置 ; 单 选 按 钮 组 中 的 orientation="horizontal" 表 示 在 单 选 按 钮 组 中 的 两 个 单 选 按 钮 将 水 平 放 置 ; 由 于 两 个 单 选 按 钮 的 布 局 文 件 一 致, 这 里 就 省 略 了 性 别 为 女 的 单 选 按 钮 的 配 置, 其 中 性 别 为 女 的 单 选 按 钮 的 text="@string/woman",id="@+id/woman" (2) 在 上 述 步 骤 完 成 后, 进 行 复 选 框 和 普 通 按 钮 的 布 局 文 件 添 加 一 个 文 本 框 控 件 五 个 复 选 框 控 件 和 一 个 普 通 按 钮 控 件, 主 要 代 码 如 下 所 示 <TextView android:text="@string/fav"/> <CheckBox 117

16 Android 开 发 课 堂 实 录 <!-- 省 略 其 他 四 个 兴 趣 复 选 框 --> <Button 在 上 述 代 码 中, 复 选 框 控 件 中 的 表 示 该 复 选 框 显 示 的 内 容, 由 于 这 5 个 选 框 控 件 配 置 相 同, 这 里 就 省 去 其 他 四 个 复 选 框 的 配 置, 其 中 其 他 四 个 复 选 框 的 内 容 分 别 为 text="@string/like2 text="@string/like3 text="@string/like4 text="@string/like5, id 分 别 为 id="@+id/like2" id="@+id/like3" id="@+id/like4" id="@+id/like5" (3) 在 项 目 res/values 中 的 strings.xml 文 件 中 添 加 文 本 框 文 本 的 显 示 内 容, 代 码 如 下 所 示 <string name="sex"> 请 选 择 您 的 性 别 </string> <string name="fav"> 请 选 择 您 的 兴 趣 </string> <string name="man"> 男 </string> <string name="woman"> 女 </string> <string name="button"> 确 定 </string> <string name="like1"> 体 育 </string> <string name="like2"> 美 术 </string> <string name="like3"> 看 电 影 </string> <string name="like4"> 上 网 </string> <string name="like5"> 购 物 </string> (4) 在 com.android.activity 包 中 的 MainActivity.java 文 件 中, 添 加 了 单 选 按 钮 组 复 选 框 控 件 和 普 通 按 钮 控 件 的 监 听 器, 其 主 要 代 码 如 下 所 示 private RadioGroup sex = null; // 声 明 单 选 按 钮 组 对 象 private CheckBox like1 = null; // 声 明 复 选 框 控 件 对 象 // 省 略 其 他 四 个 复 选 框 对 象 的 声 明 private RadioButton radio = null; // 声 明 单 选 按 钮 对 象 protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_main); Button button = (Button) findviewbyid(r.id.button); button.setonclicklistener(new buttononclicklistener()); // 为 普 通 按 钮 添 加 监 听 器 sex = (RadioGroup) findviewbyid(r.id.sex); // 根 据 id 属 性 获 取 单 选 按 钮 组 like1 = (CheckBox) findviewbyid(r.id.like1); // 根 据 id 属 性 获 取 复 选 框 like1.setoncheckedchangelistener(new checkboxlistener()); // 为 复 选 框 设 置 监 听 // 省 略 其 他 四 个 复 选 框 的 获 取 和 监 听 器 的 添 加 sex.setoncheckedchangelistener(new RadioGroup.OnCheckedChangeListener() { public void oncheckedchanged(radiogroup group, int checkedid) { radio = (RadioButton) findviewbyid(checkedid); ); 118

17 SPSS 第 5 课 Android 基 础 控 件 详 解 class checkboxlistener implements OnCheckedChangeListener{ public void oncheckedchanged(compoundbutton buttonview, boolean ischecked) { class buttononclicklistener implements OnClickListener{ public void onclick(view v) { if (radio!= null) { else{ // 单 选 按 钮 对 象 是 否 为 空 Log.i(" 您 选 择 的 性 别 是 :", radio.gettext().tostring()); Log.i(" 您 选 择 的 性 别 是 :", " 无 "); String like = ""; if (like1.ischecked()) { // 复 选 框 是 否 被 选 中 like = like + like1.gettext().tostring() + " "; // 省 略 其 他 四 个 复 选 框 的 判 断 if ("".equals(like.trim())) { Log.i(" 您 的 兴 趣 是 :", " 无 "); else { Log.i(" 您 的 兴 趣 是 :", like); // 没 有 复 选 框 被 选 中 上 述 代 码 中, 在 获 取 单 选 按 钮 的 值 时, 首 先 通 过 单 选 按 钮 组 的 id 来 获 取 单 选 按 钮 组, 然 后 为 其 添 加 OnCheckedChangeListener 监 听 器, 并 在 oncheckedchanged() 方 法 中 根 据 参 数 checkedid 获 取 被 选 中 的 单 选 按 钮, 并 将 声 明 的 RadioButton 对 象 实 例 化 如 果 radio 为 空, 表 示 未 选 中 该 单 选 按 钮 组 中 的 任 何 一 个 单 选 按 钮 ; 若 不 为 空, 则 通 过 radio.gettext().tostring() 方 法 将 单 选 按 钮 的 内 容 输 出, 并 用 Log.i(String tag,string msg) 添 加 到 日 志 文 件 中 在 获 取 复 选 框 值 的 时 候, 首 先 通 过 复 选 框 的 id 来 获 取 复 选 框 对 象, 然 后 为 其 添 加 OnCheckedChangeListener 监 听 器, 并 在 oncheckedchanged() 方 法 中 根 据 方 法 ischecked() 来 获 取 该 复 选 框 是 否 被 选 中 如 果 被 选 中, 则 通 过 like = like + like1.gettext().tostring() + " " 将 获 取 的 复 选 框 所 对 应 的 值 拼 接 到 字 符 串 like 中 最 后 再 根 据 "".equals(like.trim()) 来 判 断 该 like 字 符 串 是 否 为 空, 为 空 则 表 示 未 选 中 任 何 一 个 复 选 框 运 行 该 项 目 后, 未 选 择 性 别 和 兴 趣 时 效 果 如 图 5-7 所 示 选 择 性 别 和 兴 趣 后 效 果 如 图 5-8 所 示 图 5-7 未 选 择 性 别 和 兴 趣 图 5-8 选 择 性 别 和 兴 趣 119

18 Android 开 发 课 堂 实 录 单 击 确 定 按 钮 后, 在 日 志 控 制 台 中 输 出 选 中 的 性 别 和 兴 趣 如 图 5-9 所 示 图 5-9 在 日 志 控 制 台 中 输 出 选 中 的 性 别 和 兴 趣 5.4 列 表 选 择 框 列 表 选 择 框 (Spinner) 控 件 与 网 页 中 的 下 拉 列 表 框 类 似, 通 常 是 提 供 一 些 可 选 择 的 列 表 项 以 提 供 用 户 选 择 在 使 用 列 表 选 择 框 的 时 候, 需 要 在 XML 布 局 文 件 中 加 入 <Spinner> 标 记 来 实 现, 其 基 本 语 法 格 式 如 下 所 示 <Spinner 在 上 述 代 码 中,entries 为 可 选 属 性, 用 于 指 定 列 表 项 通 常 是 在 项 目 下 的 res\values 中 新 建 一 个 XML 文 件, 用 于 添 加 列 表 项 的 数 组 资 源 文 件, 其 代 码 格 式 如 下 所 示 <?xml version="1.0" encoding="utf-8"?> <resources> <string-array name="type"> <item> 水 果 </item> <item> 蔬 菜 </item> <item> 衣 服 </item> <item> 电 器 </item> <item> 其 他 </item> </string-array> </resources> 其 中 string-array name="type" 表 示 该 数 组 资 源 名 称, 也 是 在 Spinner 中 entries 属 性 所 引 用 的 内 容 如 果 entries 属 性 不 指 定 时, 也 可 以 在 Java 代 码 中 通 过 为 其 指 定 适 配 器 的 方 式 来 指 定 数 组 资 源 提 示 通 常 情 况 下, 如 果 列 表 选 择 框 中 要 显 示 的 列 表 项 是 已 知 的, 那 么 可 以 将 其 内 容 保 存 在 数 组 资 源 中, 然 后 通 过 数 组 资 源 来 为 列 表 选 择 框 指 定 列 表 项 练 习 5 在 Eclipse 中 创 建 一 个 Android 项 目, 名 称 为 ch05_05, 实 现 列 表 选 择 框 加 载 已 知 的 数 组 资 源 (1) 在 项 目 中 的 res/layout 目 录 下 修 改 activity_main.xml 文 件, 并 添 加 一 个 列 表 选 择 框 控 件, 其 代 码 如 下 所 示 <LinearLayout xmlns:android=" android:layout_width="match_parent" 120

19 SPSS 第 5 课 Android 基 础 控 件 详 解 android:layout_height="match_parent" android:orientation="vertical"> <Spinner android:entries="@array/type" android:id="@+id/spinner"/> </LinearLayout> 在 上 述 代 码 中, 为 Spinner 添 加 了 一 个 名 称 为 type 的 字 符 串 数 组 (2) 在 项 目 中 的 res\values 目 录 中 新 建 数 组 资 源 文 件 arrays.xml, 在 该 文 件 中 添 加 一 个 字 符 串 数 组, 名 称 为 type, 具 体 代 码 如 下 <?xml version="1.0" encoding="utf-8"?> <resources> <string-array name="type"> <item> 水 果 </item> <item> 蔬 菜 </item> <item> 衣 服 </item> <item> 电 器 </item> <item> 其 他 </item> </string-array> </resources> (3) 在 com.android.activity 包 中 的 MainActivity.java 文 件 中, 为 Spinner 控 件 添 加 选 择 列 表 项 事 件 监 听 器, 以 此 来 获 取 列 表 选 择 框 所 选 定 的 内 容, 其 主 要 代 码 如 下 所 示 protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_main); Spinner spinner = (Spinner) findviewbyid(r.id.spinner); // 获 取 Spinner 对 象 spinner.setonitemselectedlistener(new spinneronitemselected- Listener());// 添 加 监 听 器 class spinneronitemselectedlistener implements OnItemSelectedListener{ public void onitemselected(adapterview<?> arg0, View arg1, int arg2,long arg3) { Log.i(" 您 选 择 了 :", arg0.getitematposition(arg2).tostring()); // 添 加 到 日 志 //Log.i(" 您 选 择 了 :", arg0.getselecteditem().tostring()); public void onnothingselected(adapterview<?> arg0) { 在 上 述 代 码 中, 为 选 择 列 表 框 添 加 了 OnItemSelectedListener 事 件 监 听 器, 当 选 择 选 择 列 表 框 中 的 某 一 项 时 会 触 发 监 听, 通 过 使 用 getselecteditem() 方 法 获 取 到 选 择 项 的 值, 并 输 出 在 Log 控 制 台 121

20 Android 开 发 课 堂 实 录 运 行 该 项 目,Spinner 控 件 的 运 行 效 果 如 图 5-10 所 示 选 择 列 表 选 择 框 的 效 果 如 图 5-11 所 示 图 5-10 Spinner 控 件 的 运 行 效 果 图 5-11 选 择 列 表 框 中 选 项 的 效 果 选 中 选 择 列 表 框 时, 在 控 制 台 输 出 的 日 志 信 息 如 图 5-12 所 示 图 5-12 控 制 台 输 出 选 择 列 表 框 选 中 的 内 容 上 述 练 习 的 前 提 是 选 择 列 表 框 中 所 要 显 示 的 列 表 项 是 已 知 的, 下 面 将 讲 述 如 果 不 在 XML 布 局 文 件 中 配 置 Spinner 控 件 的 entries 属 性, 通 过 在 Java 代 码 中 定 义 数 组 来 实 现 练 习 6 在 Eclipse 中 创 建 一 个 Android 项 目, 名 称 为 ch05_06, 通 过 为 选 择 列 表 框 加 载 适 配 器 来 实 现 选 择 列 表 框 的 显 示 (1) 在 项 目 中 的 res/layout 目 录 下 修 改 activity_main.xml 文 件, 并 添 加 一 个 列 表 选 择 框 控 件, 其 代 码 如 下 所 示 <Spinner android:id="@+id/spinner"/> 由 于 要 通 过 指 定 适 配 器 来 实 现 选 择 列 表 框, 这 里 就 不 再 指 定 数 组 资 源 (2) 在 com.android.activity 包 中 的 MainActivity.java 文 件 中, 为 Spinner 控 件 添 加 选 择 列 表 项 事 件 监 听 器, 并 为 其 指 定 适 配 器, 以 此 来 获 取 列 表 选 择 框 所 选 定 的 内 容, 其 主 要 代 码 如 下 // 省 略 部 分 代 码 Spinner spinner = (Spinner) findviewbyid(r.id.spinner); String type[] = new String[]{" 水 果 "," 蔬 菜 "," 衣 服 "," 电 器 "," 其 他 "; ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,android.R.layout. simple_spinner_item, type); adapter.setdropdownviewresource(android.r.layout.simple_spinner_dropdown_it em);// 为 适 配 器 设 置 列 表 框 下 拉 的 选 项 样 式 spinner.setadapter(adapter); // 适 配 器 与 选 择 列 表 框 关 联 spinner.setonitemselectedlistener(new spinneronitemselectedlistener()); // 省 略 部 分 代 码 122

21 SPSS 第 5 课 Android 基 础 控 件 详 解 上 述 代 码 中 的 选 择 列 表 项 事 件 监 听 器 与 练 习 5 中 的 一 样 在 Java 文 件 中 使 用 字 符 串 数 组 创 建 适 配 器, 首 先 要 创 建 一 个 一 维 数 组, 用 于 保 存 下 拉 列 表 框 显 示 的 内 容, 然 后 使 用 ArrayAdapter 类 的 构 造 方 法 ArrayAdapter(Context context,int textviewresourceid,t[] objects) 实 例 化 一 个 ArrayAdapter 类 的 实 例 之 后 通 过 setdropviewresource() 方 法 为 适 配 器 设 置 下 拉 列 表 框 的 选 项 样 式, 然 后 使 用 setadapter() 将 适 配 器 与 选 择 列 表 框 关 联 运 行 该 项 目,Spinner 控 件 的 运 行 效 果 如 图 5-13 所 示 选 择 列 表 选 择 框 的 效 果 如 图 5-14 所 示 图 5-13 Spinner 控 件 的 运 行 效 果 图 5-14 选 择 列 表 框 中 选 项 的 效 果 选 中 选 择 列 表 框 时, 在 控 制 台 输 出 的 日 志 信 息 如 图 5-15 所 示 图 5-15 控 制 台 输 出 选 择 列 表 框 选 中 的 内 容 5.5 列 表 视 图 列 表 视 图 (ListView) 在 Android 中 以 垂 直 列 表 的 形 式 列 出 需 要 显 示 的 列 表 项 在 Android 中 可 以 使 用 两 种 方 法 向 屏 幕 中 添 加 列 表 视 图 一 种 是 直 接 使 用 ListView 控 件 在 XML 布 局 文 件 中 配 置 ; 另 一 种 是 让 Activity 继 承 ListActivity 来 实 现 下 面 将 详 细 介 绍 这 两 种 实 现 方 法 使 用 ListView 控 件 创 建 列 表 视 图 在 XML 布 局 文 件 中 添 加 <ListView> 标 记 来 实 现 使 用 ListView 创 建 列 表 视 图, 这 与 其 他 控 件 的 配 置 基 本 相 同, 其 基 本 语 法 格 式 如 下 <ListView android:entries="@array/type" android:layout_width="match_parent" android:id="@+id/listview"/> 与 列 表 选 择 框 的 语 法 格 式 一 样, 在 上 述 代 码 中,entries 为 可 选 属 性, 用 于 指 定 列 表 项, 也 可 以 不 设 置 该 属 性, 在 Java 代 码 中 通 过 为 其 指 定 适 配 器 的 方 式 来 指 定 数 组 资 源 123

22 124 Android 开 发 课 堂 实 录 ListView 支 持 的 XML 属 性 如 表 5-2 所 示 android:divider android:dividerheight android:entries 表 5-2 ListView 支 持 的 XML 属 性 属 性 名 称 描 述 android:footerdividersenabled android:headerdividersenabled 用 于 为 列 表 视 图 设 置 分 隔 条, 既 可 以 用 颜 色 分 割, 也 可 以 用 Drawable 资 源 分 离 用 于 设 置 分 隔 条 的 高 度 用 于 通 过 数 组 资 源 为 ListView 指 定 列 表 项 用 于 设 置 是 否 在 footer View 之 前 绘 制 分 隔 条, 默 认 为 true, 设 置 为 false 时, 表 示 不 绘 制 使 用 该 属 性 时, 需 要 通 过 ListView 控 件 提 供 的 addfooterview() 方 法 为 ListView 设 置 footer View 用 于 设 置 是 否 在 footer View 之 后 绘 制 分 隔 条, 默 认 为 true, 设 置 为 false 时, 表 示 不 绘 制 使 用 该 属 性 时, 需 要 通 过 ListView 控 件 提 供 的 addheaderview() 方 法 为 ListView 设 置 header View ListView 指 定 的 外 观 形 式 通 常 有 以 下 几 个 simple_list_item_1 每 个 列 表 项 都 是 一 个 普 通 的 文 本 simple_list_item_2 每 个 列 表 项 都 是 一 个 普 通 的 文 本 ( 字 体 略 大 ) simple_list_item_checked 每 个 列 表 项 都 有 一 个 选 中 的 列 表 项 simple_list_item_multiple_choice 每 个 列 表 项 都 是 带 复 选 框 的 文 本 simple_list_item_single_choice 每 个 列 表 项 都 是 带 单 选 按 钮 的 文 本 在 使 用 列 表 视 图 时, 与 列 表 选 择 框 一 样, 如 果 没 有 在 布 局 文 件 中 为 ListView 指 定 要 显 示 的 内 容, 也 可 以 通 过 为 其 设 置 Adapter 来 指 定 所 需 要 显 示 的 列 表 项 练 习 7 在 Eclipse 中 创 建 一 个 Android 项 目, 名 称 为 ch05_07, 使 用 ListView 控 件 来 创 建 列 表 视 图 (1) 在 项 目 中 的 res/layout 目 录 下 修 改 activity_main.xml 文 件, 并 添 加 一 个 列 表 视 图 控 件, 其 代 码 如 下 所 示 <LinearLayout xmlns:android=" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <ListView android:entries="@array/type" android:layout_width="match_parent" android:id="@+id/listview"/> </LinearLayout> 在 上 述 代 码 中, 为 ListView 添 加 了 一 个 名 称 为 type 的 字 符 串 数 组 (2) 在 项 目 中 的 res\values 目 录 中 新 建 数 组 资 源 文 件 arrays.xml, 在 该 文 件 中 添 加 一 个 字 符 串 数 组, 名 称 为 type, 这 里 与 练 习 5 中 (2) 一 致, 这 里 就 省 略 了 (3) 在 com.android.activity 包 中 的 MainActivity.java 文 件 中, 为 ListView 控 件 添 加 事 件 监 听 器, 以 此 来 获 取 列 表 视 图 所 选 定 的 内 容, 其 主 要 代 码 如 下 ListView listview = (ListView) findviewbyid(r.id.listview); listview.setonitemclicklistener(new ListView.OnItemClickListener() { public void onitemclick(adapterview<?>arg0,view arg1,int arg2,long arg3) {

23 SPSS 第 5 课 Android 基 础 控 件 详 解 ); Log.i(" 您 选 择 了 :", arg0.getitematposition(arg2).tostring()); 在 上 述 代 码 中, 为 列 表 视 图 添 加 了 setonitemclicklistener 事 件 监 听 器, 当 选 择 选 择 列 表 框 中 的 某 一 项 时 会 触 发 监 听, 通 过 使 用 getitematposition(int position) 方 法 获 取 到 选 择 项 的 值, 并 输 出 在 Log 控 制 台 运 行 该 项 目, 列 表 视 图 运 行 效 果 如 图 5-16 所 示 当 选 中 某 一 列 表, 如 选 中 衣 服 时, 控 制 台 输 出 信 息 如 图 5-17 所 示 图 5-16 列 表 视 图 运 行 效 果 图 5-17 控 制 台 输 出 列 表 视 图 选 中 的 内 容 注 意 在 列 表 视 图 布 局 文 件 中 如 果 不 设 置 数 组 资 源, 不 配 置 ListView 控 件 的 entries 属 性, 那 么 也 可 以 通 过 在 Java 代 码 中 定 义 数 组 来 实 现 与 列 表 选 择 框 一 样, 也 是 通 过 设 置 适 配 器 来 实 现 Activity 继 承 ListActivity 实 现 列 表 视 图 如 果 程 序 的 窗 口 仅 仅 需 要 显 示 一 个 列 表, 那 么 就 可 以 使 用 Activity 继 承 ListActivity 来 实 现 继 承 了 ListActivity 的 类 不 需 要 调 用 setcontentview() 方 法 来 显 示 界 面, 而 是 可 以 直 接 为 其 设 置 适 配 器, 从 而 显 示 一 个 列 表 练 习 8 在 Eclipse 中 创 建 一 个 Android 项 目, 名 称 为 ch05_08, 通 过 让 Activity 继 承 ListActivity 来 实 现 列 表 视 图 在 com.android.activity 包 中 的 MainActivity.java 文 件 中 修 改 MainActivity 类, 使 其 继 承 ListActivity, 然 后 为 列 表 视 图 添 加 适 配 器, 并 使 用 setlistadapter() 方 法 将 其 添 加 到 列 表 中 为 了 单 击 ListView 各 个 列 表 时 获 取 到 选 择 项 的 值, 需 要 重 写 父 类 的 OnListItemClick() 方 法,MainActivity 的 主 要 方 法 如 下 protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); String type[] = new String[]{" 水 果 "," 蔬 菜 "," 衣 服 "," 电 器 "," 其 他 "; ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.r. layout.simple_spinner_item,type); setlistadapter(adapter); protected void onlistitemclick(listview l, View v, int position, long id) { super.onlistitemclick(l, v, position, id); Log.i(" 您 选 择 了 :", l.getitematposition(position).tostring()); 125

24 Android 开 发 课 堂 实 录 在 上 述 代 码 中, 为 列 表 视 图 添 加 了 setonitemclicklistener 事 件 监 听 器, 当 选 择 选 择 列 表 框 中 的 某 一 项 时 会 触 发 监 听, 通 过 使 用 getitematposition(int position) 方 法 获 取 到 选 择 项 的 值, 并 输 出 在 Log 控 制 台 运 行 该 项 目, 列 表 视 图 运 行 效 果 如 图 5-18 所 示 当 选 中 某 一 列 表, 例 如 选 中 水 果 时, 控 制 台 输 出 信 息 如 图 5-19 所 示 126 图 5-18 列 表 视 图 运 行 效 果 图 5-19 控 制 台 输 出 列 表 视 图 选 中 的 内 容 5.6 图 像 视 图 图 像 视 图 (ImageView) 用 于 在 屏 幕 中 显 示 Drawable 对 象, 通 常 用 来 显 示 图 片 在 使 用 ImageView 控 件 为 程 序 加 载 图 片 时, 是 通 过 在 XML 布 局 文 件 中 添 加 <ImageView> 标 记 来 实 现 在 使 用 ImageView 控 件 显 示 图 像 时, 通 常 先 将 要 显 示 的 图 片 放 置 在 res/drawable 目 录 下, 然 后 将 其 显 示 在 布 局 管 理 器 中, 其 基 本 语 法 如 下 <ImageView 在 上 述 代 码 表 示 ImageView 所 显 示 的 Drawable 对 象 的 ID 为 logo ImageView 常 用 的 XML 属 性 如 表 5-3 所 示 表 5-3 ImageView 支 持 的 XML 属 性 属 性 名 称 描 述 android:adjustviewbounds android:baseline android:baselinealignbottom android:croptopadding android:maxheight android:maxwidth android:scaletype android:src android:tint 用 于 设 置 ImageView 是 否 调 整 自 己 的 边 界 来 保 持 所 需 要 显 示 图 片 的 长 度 变 化 在 视 图 中 的 偏 移 如 果 值 为 true, 图 像 的 视 图 将 基 线 对 齐 基 于 其 底 部 边 缘 如 果 设 置 为 true, 图 像 将 被 裁 剪 以 适 合 其 填 充 设 置 ImageView 的 最 大 高 度 (android:adjustviewbounds 属 性 值 为 true 时 起 作 用 ) 设 置 ImageView 的 最 大 宽 度 (android:adjustviewbounds 属 性 值 为 true 时 起 作 用 ) 用 于 设 置 所 显 示 的 图 片 如 何 缩 放 或 移 动 以 适 应 ImageView 的 大 小 用 于 设 置 ImageView 所 显 示 的 Drawable 对 象 的 ID 设 置 图 像 着 色 的 颜 色

25 SPSS 第 5 课 Android 基 础 控 件 详 解 练 习 9 在 Eclipse 中 创 建 一 个 Android 项 目, 名 称 为 ch05_09, 通 过 使 用 ImageView 控 件 来 显 示 图 片 (1) 在 项 目 res 目 录 下 的 drawable_ldpi 文 件 夹 中, 放 入 两 张 名 称 分 别 为 logo.gif 和 background.gif 的 图 片, 用 于 作 为 显 示 的 图 片 和 背 景 图 片 (2) 在 项 目 中 的 res/layout 目 录 下 修 改 activity_main.xml 文 件, 改 为 线 性 布 局 在 其 中 添 加 一 个 ImageView 控 件, 其 代 码 如 下 <LinearLayout xmlns:android=" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:background="@drawable/background"> <ImageView android:src="@drawable/logo" android:id="@+id/imageview01" android:layout_margin="5dp"/> </LinearLayout> 上 述 代 码 中,android:background 属 性 为 该 程 序 指 定 了 背 景 图 片,android:src 属 性 指 定 了 所 要 显 示 图 片,android:layout_margin 表 示 该 控 件 的 边 距 (3) 在 布 局 管 理 器 中 添 加 一 个 ImageView 控 件, 并 设 置 该 控 件 的 最 大 高 度 和 宽 度, 具 体 代 码 如 下 <ImageView android:src="@drawable/logo" android:id="@+id/imageview02" android:layout_margin="5dp" android:adjustviewbounds="true" android:maxwidth="75dp" android:maxheight="50dp"/> 在 上 述 代 码 中,android:adjustViewBounds 用 于 设 置 ImageView 是 否 调 整 自 己 的 边 界 来 保 持 所 需 显 示 图 片 的 长 度 变 化, 为 true 时 表 示 调 整 自 己 的 边 界 来 保 持 所 需 显 示 图 片 的 长 度 变 化 ; android:maxwidth 和 android:maxheight 分 别 表 示 ImageView 的 最 大 宽 度 和 最 大 高 度 (4) 在 布 局 管 理 器 中 添 加 一 个 ImageView 控 件, 实 现 保 持 纵 横 比 缩 放 图 片, 直 到 该 图 片 能 完 全 显 示 在 ImageView 控 件 中, 并 让 该 图 片 显 示 在 ImageView 控 件 的 右 下 角, 具 体 代 码 如 下 <ImageView android:layout_width="100dp" android:layout_height="100dp" android:src="@drawable/logo" android:id="@+id/imageview03" android:scaletype="fitend" android:layout_margin="5dp" android:background="#666666"/> 127

26 Android 开 发 课 堂 实 录 上 述 代 码 中,android:scaleType 用 于 设 置 所 显 示 的 图 片 如 何 缩 放 或 移 动 以 适 应 ImageView 的 大 小,fitEnd 表 示 保 持 纵 横 比 缩 放 图 片, 直 到 该 图 片 能 完 全 显 示 在 ImageView 中, 缩 放 完 成 后, 该 图 片 放 在 ImageView 的 右 下 角 (5) 在 布 局 管 理 器 中 添 加 一 个 ImageView 控 件, 实 现 为 显 示 在 ImageView 控 件 中 的 图 像 着 色 的 功 能, 具 体 代 码 如 下 <ImageView android:layout_width="100dp" android:layout_height="100dp" android:tint="# " android:layout_margin="5dp" android:background="#666666"/> 在 上 述 代 码 中,android:tint 用 于 给 图 片 着 色 运 行 该 项 目, 使 用 ImageView 显 示 图 像 的 效 果 如 图 5-20 所 示 图 5-20 应 用 ImageView 显 示 图 像 5.7 日 期 与 时 间 选 择 器 为 了 让 用 户 选 择 设 置 日 期 和 时 间,Android 提 供 了 日 期 / 时 间 选 择 器, 分 别 是 DatePicker 和 TimePicker 控 件 这 两 个 控 件 的 使 用 比 较 简 单, 可 以 在 Eclipse 的 可 视 化 界 面 设 计 器 中 选 择 对 应 的 控 件 放 在 布 局 文 件 中 下 面 将 详 细 介 绍 这 两 种 控 件 日 期 选 择 器 在 使 用 DatePicker 控 件 显 示 日 期 时, 通 常 是 使 用 <DatePicker> 标 记 在 XML 布 局 文 件 中 配 置, 其 基 本 语 法 如 下 128 <DatePicker android:id="@+id/datepicker" />

27 SPSS 第 5 课 Android 基 础 控 件 详 解 为 了 可 以 在 程 序 中 获 取 到 用 户 选 择 的 日 期, 需 要 为 DatePicker 控 件 添 加 事 件 监 听 器 其 事 件 监 听 器 是 OnDateChangedListener, 监 听 器 配 置 的 主 要 代 码 如 下 DatePicker date = (DatePicker) findviewbyid(r.id.datepicker); date.init(year, month, day, new dateondatechangetdlistener());. // 省 略 部 分 代 码 class dateondatechangetdlistener implements OnDateChangedListener{ public void ondatechanged(datepicker view, int year, int monthofyear, int dayofmonth) { MainActivity.this.year = year; MainActivity.this.month = monthofyear; MainActivity.this.day = dayofmonth; 时 间 选 择 器 在 使 用 TimePicker 控 件 显 示 时 间 时, 通 常 是 使 用 <TimePicker> 标 记 在 XML 布 局 文 件 中 配 置, 其 基 本 语 法 如 下 <TimePicker android:id="@+id/timepicker" /> 与 日 期 选 择 器 一 样, 使 用 时 间 选 择 器 时 也 要 添 加 事 件 监 听 器,TimePicker 控 件 的 事 件 监 听 器 是 OnTimeChangedListener 实 现 的 主 要 代 码 如 下 TimePicker time = (TimePicker) findviewbyid(r.id.timepicker); time.setontimechangedlistener(new timeontimechangedlistener()); // 省 略 部 分 代 码 class timeontimechangedlistener implements OnTimeChangedListener{ public void ontimechanged(timepicker view, int hourofday, int minute) { MainActivity.this.hour = hourofday; MainActivity.this.minute = minute; 练 习 10 在 Eclipse 中 创 建 一 个 Android 项 目, 名 称 为 ch05_10, 在 屏 幕 中 添 加 日 期 和 时 间 选 择 器, 在 改 变 日 期 和 时 间 时, 能 够 得 到 改 变 后 的 日 期 和 时 间 (1) 在 项 目 中 的 res/layout 目 录 下 修 改 activity_main.xml 文 件, 然 后 添 加 一 个 TextView 控 件 一 个 DatePicker 控 件 和 TimePicker 控 件, 其 代 码 如 下 所 示 <LinearLayout xmlns:android=" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <TextView android:id="@+id/text" 129

28 Android 开 发 课 堂 实 录 /> <DatePicker /> <TimePicker /> </LinearLayout> 上 述 代 码 中,TextView 是 用 来 显 示 日 期 和 时 间 (2) 在 com.android.activity 包 中 的 MainActivity.java 文 件 中, 为 DatePicker 和 TimePicker 控 件 添 加 事 件 监 听 器, 来 获 取 到 用 户 选 择 的 日 期 和 时 间, 其 主 要 代 码 如 下 private int year = -1; private int month = -1; private int day = -1; private int hour = -1; private int minute = -1; private TextView text = null; protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_main); DatePicker date = (DatePicker) findviewbyid(r.id.datepicker); // 获 取 日 期 选 择 器 控 件 TimePicker time = (TimePicker) findviewbyid(r.id.timepicker); // 获 取 时 间 选 择 器 控 件 text = (TextView) findviewbyid(r.id.text); time.setis24hourview(true); // 设 置 时 间 为 24 小 时 制 式 Calendar calendar = Calendar.getInstance(); // 创 建 日 历 对 象 year = calendar.get(calendar.year); // 获 取 当 前 年 份 month = calendar.get(calendar.month); // 获 取 当 前 月 份 day = calendar.get(calendar.day_of_month); // 获 取 当 前 日 hour = calendar.get(calendar.hour_of_day); // 获 取 当 前 小 时 minute = calendar.get(calendar.minute); // 获 取 当 前 分 钟 date.init(year, month, day, new dateondatechangetdlistener()); // 为 日 期 添 加 监 听 器 time.setontimechangedlistener(new timeontimechangedlistener()); // 为 时 间 添 加 监 听 器 text.settext(" 现 在 是 :" + year+" 年 "+(month+1)+" 月 "+day+" 日 "+hour+" 时 "+minute +" 分 ");// 设 置 文 本 框 内 容 class dateondatechangetdlistener implements OnDateChangedListener{ public void ondatechanged(datepicker view, int year, int monthofyear, int dayofmonth) { MainActivity.this.year = year; // 改 变 year 的 值 MainActivity.this.month = monthofyear; // 改 变 month 的 值 130

29 SPSS 第 5 课 Android 基 础 控 件 详 解 MainActivity.this.day = dayofmonth; // 改 变 day 的 值 show(year, month, day, hour, minute); // 在 文 本 框 内 显 示 日 期 和 时 间 class timeontimechangedlistener implements OnTimeChangedListener{ public void ontimechanged(timepicker view, int hourofday, int minute) { MainActivity.this.hour = hourofday; // 改 变 hour 的 值 MainActivity.this.minute = minute; // 改 变 minute 的 值 show(year, month, day, hour, minute); // 在 文 本 框 内 显 示 日 期 和 时 间 private void show(int year,int month,int day,int hour,int minute){ // 用 于 获 取 选 择 的 日 期 和 时 间 text.settext(" 您 选 择 的 日 期 是 :" + year+" 年 "+(month+1)+" 月 "+day+" 日 "+hour+" 时 "+minute +" 分 "); 注 意 由 于 通 过 DatePicker 对 象 获 取 到 的 月 份 是 0~11 月, 所 以 需 要 将 获 取 到 的 月 份 加 1, 才 能 代 表 真 正 的 月 份 运 行 该 项 目 后, 屏 幕 上 显 示 的 效 果 如 图 5-21 所 示, 当 改 变 日 期 时, 屏 幕 上 显 示 的 效 果 如 图 5-22 所 示, 当 改 变 时 间 时, 屏 幕 上 显 示 的 效 果 如 图 5-23 所 示 图 5-21 项 目 运 行 效 果 图 图 5-22 改 变 日 期 时 效 果 图 图 5-23 改 变 时 间 时 效 果 图 5.8 计 时 器 计 时 器 (Chronometer) 控 件 可 以 显 示 从 某 个 起 始 时 间 开 始, 一 共 过 去 了 多 长 时 间 由 于 该 控 件 继 承 TextView, 所 以 它 以 文 本 的 形 式 显 示 内 容 一 般 在 使 用 该 控 件 的 时 候, 会 调 用 以 下 几 个 方 法 setbase(long base) 设 置 计 时 器 计 时 的 基 准 ( 开 始 ) 时 间 setformat(string format) 设 置 用 于 格 式 化 显 示 格 式 的 字 符 串, 计 时 器 将 用 MM:SS 或 H:MM:SS 形 式 的 值 替 换 格 式 化 字 符 串 中 的 第 一 个 %s 131

30 Android 开 发 课 堂 实 录 setonchronometerticklistener(onchronometerticklistener listener) 设 置 计 时 器 变 化 时 调 用 的 监 听 器 start() 开 始 计 时, 该 操 作 不 会 影 响 到 由 setbase(long) 设 置 的 基 准 ( 开 始 ) 时 间, 仅 影 响 显 示 的 视 图 stop() 停 止 计 时, 不 会 影 响 用 setbase(long) 方 法 设 置 的 基 准 ( 开 始 ) 时 间, 只 影 响 视 图 的 显 示 在 使 用 计 时 器 控 件 时, 需 要 在 XML 布 局 文 件 中 添 加 <Chronometer> 标 记, 其 主 要 代 码 如 下 <Chronometer android:id="@+id/chronometer" /> 练 习 11 在 Eclipse 中 创 建 一 个 Android 项 目, 名 称 为 ch05_11, 在 屏 幕 中 添 加 一 个 计 时 器 (1) 在 项 目 中 的 res/layout 目 录 下 修 改 activity_main.xml 文 件, 然 后 添 加 一 个 Chronometer 控 件 和 一 个 普 通 按 钮 控 件, 其 代 码 如 下 所 示 <LinearLayout xmlns:android=" android:layout_width="match_parent" android:layout_height="match_parent"> <Chronometer android:id="@+id/chronometer"/> <Button android:id="@+id/rest" android:text="@string/rest" android:visibility="gone"/> </LinearLayout> 上 述 代 码 中,Button 控 件 的 android:visibility 属 性 用 来 设 置 该 控 件 的 可 见 与 不 可 见 的 状 态, 设 置 为 gone 表 示 不 可 见 并 且 不 占 用 空 间 (2) 在 com.android.activity 包 中 的 MainActivity.java 文 件 中, 获 取 计 时 器 控 件, 并 设 置 起 始 时 间 和 显 示 时 间 的 格 式, 开 启 计 时 器 等, 其 代 码 如 下 private Chronometer chronometer = null; private Button rest = null; protected void oncreate(bundle savedinstancestate) { // 省 略 部 分 代 码 rest = (Button) findviewbyid(r.id.rest); // 获 取 按 钮 控 件 chronometer = (Chronometer) findviewbyid(r.id.chronometer); // 获 取 计 时 器 控 件 chronometer.setbase(systemclock.elapsedrealtime());// 设 置 起 始 时 间 chronometer.setformat(" 已 用 时 间 :%s"); // 设 置 显 示 时 间 的 格 式 chronometer.start(); // 开 启 计 时 器 132

31 SPSS 第 5 课 Android 基 础 控 件 详 解 chronometer.setonchronometerticklistener(new chronometerlistener()); rest.setonclicklistener(new restonclicklistener()); class restonclicklistener implements OnClickListener{ public void onclick(view v) { chronometer.setbase(systemclock.elapsedrealtime()); // 设 置 起 始 时 间 chronometer.start(); // 开 启 计 时 器 rest.setvisibility(view.gone); // 设 置 Button 控 件 不 可 见 class chronometerlistener implements OnChronometerTickListener{ public void onchronometertick(chronometer chronometer) { if (SystemClock.elapsedRealtime() - chronometer.getbase() >= 10000) { chronometer.stop(); // 停 止 计 时 器 rest.setvisibility(view.visible); // 设 置 Button 控 件 可 见 上 述 代 码 中, 先 获 取 到 计 时 器 控 件, 然 后 使 用 setbase(systemclock.elapsedrealtime()) 方 法 为 计 时 器 设 置 起 始 时 间,setFormat() 为 计 时 器 设 置 格 式, 然 后 使 用 start() 方 法 开 启 计 时 器 在 监 听 器 中 判 断 如 果 (SystemClock.elapsedRealtime() - chronometer.getbase() >= 10000) 为 真, 则 使 用 stop() 方 法 来 停 止 计 时 器, 并 且 使 用 setvisibility() 方 法 设 置 Button 控 件 可 见 在 按 钮 控 件 的 监 听 器 中 为 计 时 器 添 加 了 起 始 时 间 和 开 启 计 时 器 的 方 法, 在 单 击 按 钮 的 时 候, 计 时 器 将 重 新 开 始, 同 时 Button 控 件 设 置 为 不 可 见 运 行 该 项 目, 计 时 器 显 示 效 果 如 图 5-24 所 示 当 计 时 器 停 止 时 如 图 5-25 所 示 图 5-24 计 时 器 运 行 时 效 果 5.9 图 5-25 计 时 器 停 止 时 效 果 实 例 应 用 : 设 计 用 户 注 册 界 面 实 例 目 标 根 据 本 课 所 讲 内 容, 设 计 一 个 用 户 注 册 界 面, 在 其 中 要 使 用 到 本 课 所 讲 的 基 础 控 件, 如 文 本 框 编 辑 框 按 钮 复 选 框 等 控 件 133

32 Android 开 发 课 堂 实 录 技 术 分 析 首 先 在 布 局 文 件 中 使 用 控 件 的 标 记 来 配 置 所 需 要 的 各 个 控 件, 然 后 在 主 Activity 中 获 取 到 该 控 件, 给 其 添 加 监 听 器 来 监 听 其 操 作, 最 后 在 控 制 台 输 出 所 操 作 的 内 容 实 现 步 骤 在 Eclipse 中 创 建 Android 项 目, 名 称 为 ch05 设 计 一 个 用 户 注 册 界 面, 在 其 中 要 使 用 到 文 本 框 编 辑 框 按 钮 单 选 按 钮 复 选 框 列 表 选 择 框 列 表 视 图 图 片 视 图 等 控 件 (1) 在 项 目 res 目 录 下 的 drawable_ldpi 文 件 夹 中, 放 入 两 张 名 称 分 别 为 logo.gif 和 background.gif 的 图 片, 用 于 作 为 显 示 的 logo 图 片 和 背 景 图 片 (2) 在 项 目 的 res\values 目 录 中 新 建 数 组 资 源 文 件 arrays.xml, 在 该 文 件 中 添 加 两 个 字 符 串 数 组, 名 称 分 别 为 type 和 care, 具 体 代 码 如 下 <?xml version="1.0" encoding="utf-8"?> <resources> <string-array name="type"> <item> 学 生 </item> <item> 老 师 </item> <item> 白 领 </item> <item> 工 程 师 </item> <item> 其 他 </item> </string-array> <string-array name="care"> <item>1. 保 护 用 户 个 人 信 息 是 汇 智 的 一 项 基 本 原 则 </item> <item>2. 用 户 在 本 网 站 上 不 得 发 布 违 法 信 息 </item> <item>3. 保 护 好 自 己 的 账 号 和 密 码 安 全 </item> <item>4. 本 网 站 所 有 权 和 解 释 权 归 本 网 站 拥 有 </item> </string-array> </resources> (3) 在 项 目 的 res\values 目 录 中 的 strings.xml 中 添 加 如 下 代 码 <string name="edit01"> 请 输 入 用 户 名 </string> <string name="edit02"> 请 输 入 密 码 </string> <string name="reg"> 注 册 </string> <string name="rest"> 重 置 </string> <string name="sex"> 请 选 择 您 的 性 别 </string> <string name="fav"> 请 选 择 您 的 兴 趣 </string> <string name="man"> 男 </string> <string name="woman"> 女 </string> <string name="checktext"> 我 同 意 上 述 条 款 </string> (4) 在 项 目 的 res/layout 目 录 下 修 改 activity_main.xml 文 件, 首 先 将 界 面 整 体 布 局 改 为 表 格 布 局, 并 设 置 背 景, 之 后 添 加 一 个 图 像 视 图 作 为 logo 图 像 显 示, 代 码 如 下 <?xml version="1.0" encoding="utf-8"?> <TableLayout xmlns:android=" android:layout_width="match_parent" android:layout_height="match_parent"

33 SPSS 第 5 课 Android 基 础 控 件 详 解 android:orientation="vertical" android:background="@drawable/background" > <ImageView android:src="@drawable/logo" android:id="@+id/imageview02" android:layout_margin="5dp" android:adjustviewbounds="true" android:maxwidth="75dp" android:maxheight="50dp"/> </TableLayout> 在 上 述 代 码 中,android:adjustViewBounds 用 于 设 置 ImageView 是 否 调 整 自 己 的 边 界 来 保 持 所 需 显 示 图 片 的 长 度 变 化, 为 true 时 表 示 调 整 自 己 的 边 界 来 保 持 所 需 显 示 图 片 的 长 度 变 化 ; android:maxwidth 和 android:maxheight 分 别 表 示 ImageView 的 最 大 宽 度 和 最 大 高 度 (5) 添 加 3 个 TableRow 表 格 行, 并 在 其 中 添 加 3 个 文 本 框 和 编 辑 框 控 件, 用 来 显 示 和 填 写 用 户 名 密 码 和 确 认 密 码, 这 与 练 习 2 中 的 步 骤 (2) 代 码 一 样, 在 这 里 就 省 略 了 (6) 添 加 一 个 线 性 布 局, 在 其 中 添 加 一 个 文 本 框 控 件 和 一 个 单 选 按 钮 组, 其 中 在 单 选 按 钮 组 中 添 加 两 个 单 选 按 钮 控 件, 这 与 练 习 4 中 的 步 骤 (1) 代 码 一 样, 在 这 里 省 略, 其 中 线 性 布 局 的 android:orientation 属 性 设 置 为 "horizontal" (7) 添 加 一 个 线 性 布 局, 在 其 中 添 加 一 个 文 本 框 控 件 和 一 个 列 表 选 择 框 控 件, 线 性 布 局 的 android:orientation 属 性 设 置 为 "horizontal", 列 表 选 择 框 控 件 代 码 与 练 习 5 中 步 骤 (1) 代 码 一 样, 在 此 省 略, 其 中 列 表 选 择 框 的 android:entries 属 性 为 "@array/care" (8) 添 加 一 个 文 本 框 控 件 列 表 视 图 控 件 复 选 框 控 件 和 一 个 普 通 按 钮 控 件, 代 码 如 下 <TextView android:text=" 服 务 条 款 " android:gravity="center_horizontal" /> <! 省 略 列 表 视 图 控 件 的 布 局 代 码 --> <CheckBox android:id="@+id/checkbox" android:text="@string/checktext"/> <Button android:id="@+id/reg" android:text="@string/reg" android:gravity="center_horizontal" android:visibility="invisible"/> 在 上 述 代 码 中, 文 本 框 控 件 的 android:gravity="center_horizontal" 表 示 文 本 框 控 件 在 屏 幕 中 水 平 放 置,android:textSize 表 示 字 体 大 小 ; 普 通 按 钮 中 的 android:visibility 属 性 表 示 该 控 件 是 否 可 见, 135