PHP开篇

Transcription

1 第 2 章 UI 控 件 学 习 目 标 掌 握 什 么 是 UIView 及 UIView 提 供 的 常 见 属 性 和 方 法 掌 握 常 见 UI 控 件 的 使 用, 能 够 灵 活 使 用 控 件 开 发 ios 应 用 一 个 用 户 体 验 良 好 的 的 应 用, 都 离 不 开 友 好 的 图 形 用 户 界 面,iOS 应 用 开 发 的 一 项 重 要 内 容 就 是 用 户 界 面 的 开 发,iOS 提 供 了 大 量 功 能 丰 富 的 UI 控 件, 开 发 者 只 要 按 一 定 规 律 将 这 些 UI 控 件 组 合 起 来, 就 可 以 开 发 出 优 美 的 图 形 用 户 界 面 本 章 将 针 对 ios 中 的 UI 控 件 进 行 详 细 讲 解 2.1 UIView 概 述 什 么 是 UIView 在 ios 开 发 中, 每 个 UI 控 件 都 相 当 于 一 个 个 小 的 积 木, 这 些 控 件 都 继 承 了 UIView 曾 经 有 人 这 么 说 过, 在 iphone 中, 你 看 到 的 摸 到 的 都 是 UIView, 比 如, 按 钮 图 片 文 字 等 既 然 UIView 是 所 有 控 件 的 父 控 件, 那 么 它 必 定 拥 有 很 多 子 控 件, 接 下 来, 通 过 一 张 图 来 描 述 UIView 的 继 承 体 系 结 构, 如 图 2-1 所 示 1

2 图 2-1 UIView 继 承 体 系 图 从 图 2-1 中 可 以 看 出,UIView 继 承 体 系 中 的 类 具 有 不 同 的 层 次 关 系, 例 如,UIView 继 承 自 UIResponder, 它 提 供 了 许 多 子 类, 如 UILabel UITabBar UIPickerView UIControl 等 其 中,UIControl 类 又 提 供 了 子 类 UIButton UITextField UITextView 等 通 常 情 况 下, 继 承 UIView 的 子 类 对 象 也 称 为 视 图 为 了 便 于 大 家 更 好 地 理 解 这 些 类, 接 下 来, 通 过 一 个 应 用 程 序 界 面 来 讲 解 这 些 类 的 具 体 应 用, 如 图 2-2 所 示 2

3 图 2-2 应 用 程 序 界 面 从 图 2-2 中 可 以 看 出, 应 用 程 序 的 界 面 都 是 由 一 个 一 个 的 控 件 组 成 的, 这 些 控 件 对 应 的 是 不 同 的 类, 这 些 类 在 后 面 的 章 节 中 都 会 进 行 详 细 讲 解, 这 里 大 家 有 个 大 致 印 象 即 可 UIView 的 常 见 属 性 和 方 法 在 开 发 ios 程 序 时, 经 常 需 要 修 改 UI 控 件 的 显 示 状 态, 例 如, 文 件 下 载 的 进 度 条 是 实 时 更 新 的, 论 坛 访 问 人 数 也 是 实 时 变 化 的, 这 些 UI 控 件 状 态 的 修 改, 其 实 就 是 通 过 修 改 UI 控 件 属 性 实 现 的 虽 然 不 同 的 UI 控 件 都 有 自 己 独 特 的 属 性, 但 某 些 属 性 是 每 个 UI 控 件 都 具 备 的 UIView 提 供 了 许 多 公 共 的 属 性, 例 如, 每 个 UI 控 件 都 有 自 己 的 位 置 和 尺 寸, 每 个 UI 控 件 都 有 父 控 件 子 控 件 接 下 来, 通 过 一 张 表 来 列 举 UIView 的 常 见 属 性, 如 表 2-1 所 示 表 2-1 UIView 的 常 见 属 性 属 性 声 UIView NSArray CGAffineTransform NSInteger CGRect CGRect bounds; 功 能 描 述 用 于 获 得 自 己 的 父 控 件 对 象 用 于 获 取 自 己 所 有 的 子 控 件 对 象 用 于 表 示 控 件 的 形 变 属 性 ( 可 以 设 置 旋 转 角 度 比 例 缩 放 平 移 等 属 性 ) 用 于 表 示 控 件 的 ID( 标 识 ), 父 控 件 可 以 通 过 tag 来 找 到 对 应 的 子 控 件 控 件 所 在 矩 形 框 在 父 控 件 中 的 位 置 和 尺 寸 ( 以 父 控 件 的 左 上 角 为 左 边 原 点 ) 用 于 表 示 控 件 所 在 矩 形 框 的 位 置 和 尺 寸 ( 以 3

4 @property(nonatomic) CGPoint CGFloat alpha; 自 己 左 上 角 为 坐 标 原 点 ) 控 件 中 点 的 位 置 ( 以 父 控 件 的 左 上 角 为 坐 标 原 点 ) 用 于 控 制 控 件 的 透 明 度, 其 值 支 持 0.0~1.1 的 任 意 浮 点 数 值 表 2-1 列 举 了 UIView 的 常 见 属 性, 其 中,bounds 属 性 是 以 自 己 左 上 角 为 坐 标 原 点 定 义 控 件 所 在 矩 形 的 位 置 和 尺 寸, 因 此, 它 可 以 实 现 控 件 大 小 的 定 义 ; center 属 性 则 是 以 父 控 件 的 左 上 角 为 左 边 原 点 定 义 控 件 中 点 的 位 置, 它 可 以 实 现 控 件 位 置 的 定 义 ; 而 tag 属 性 则 可 以 定 义 控 件 的 标 识, 它 既 可 以 定 义 控 件 的 位 置, 也 可 以 定 义 控 件 的 大 小 除 此 之 外,UIView 还 提 供 了 许 多 常 见 的 方 法, 具 体 如 表 2-2 所 示 方 法 声 明 表 2-2 UIView 的 常 见 方 法 功 能 描 述 - (void)addsubview:(uiview *)view; 用 于 添 加 一 个 子 控 件 view - (void)removefromsuperview; 用 于 从 父 控 件 中 移 除 - (UIView *)viewwithtag:(nsinteger)tag; 根 据 控 件 的 tag 标 识 找 出 对 应 的 控 件 表 2-2 列 举 了 UIView 的 三 个 常 见 方 法, 其 中,addSubview: 方 法 用 于 向 当 前 视 图 添 加 一 个 子 视 图, 并 将 该 子 视 图 的 保 留 计 数 加 1;removeFromSuperview 方 法 会 从 父 视 图 中 移 除 当 前 视 图, 并 将 当 前 视 图 的 保 留 计 数 减 1; 为 了 方 便 查 找 控 件, 通 常 情 况 下, 我 们 都 会 为 每 个 控 件 添 加 一 个 Tag, 如 果 想 根 据 Tag 查 找 对 应 的 控 件, 则 可 以 使 用 viewwithtag: 方 法 来 实 现 脚 下 留 心 :UIKit 坐 标 系 在 实 际 开 发 中, 经 常 需 要 对 视 图 进 行 各 种 变 换, 比 如, 缩 放 平 移 旋 转 等 而 在 进 行 这 些 操 作 之 前, 都 需 要 明 确 当 前 视 图 的 位 置 和 尺 寸, 而 这 些 数 值 都 与 UIKit 坐 标 系 有 关 接 下 来, 通 过 一 张 图 来 描 述 UIKit 是 如 何 定 义 坐 标 系 的, 具 体 如 图 2-3 所 示 图 2-3 UIKit 坐 标 系 4

5 从 图 2-3 中 可 以 看 出,UIKit 坐 标 系 中 的 原 点 位 于 左 上 角, 横 坐 标 正 方 向 水 平 向 右 延 伸, 纵 坐 标 正 方 向 竖 直 向 下 延 伸, 并 且 图 中 所 示 的 iphone 的 屏 幕 尺 寸 为 标 签 控 件 和 图 片 控 件 UIView 提 供 了 许 多 子 类, 这 些 子 类 分 别 代 表 不 同 的 控 件 在 众 多 的 控 件 中, 有 些 控 件 几 乎 在 每 个 应 用 程 序 中 都 会 用 到, 例 如, 用 于 文 本 显 示 的 标 签 控 件 用 于 展 示 图 片 的 图 片 控 件, 接 下 来, 本 节 将 针 对 这 两 个 最 简 单 的 控 件 进 行 详 细 讲 解 标 签 控 件 (UILabel) 在 ios 开 发 中, 控 件 标 签 是 使 用 UILabel 类 表 示 的, 它 直 接 继 承 自 UIView 类, 是 一 个 用 于 显 示 文 字 的 静 态 控 件 默 认 情 况 下, 标 签 控 件 是 不 能 接 受 用 户 输 入, 也 不 能 与 用 户 交 互 的 为 了 大 家 更 好 地 理 解 什 么 是 标 签 控 件, 接 下 来, 通 过 一 张 图 来 描 述 标 签 控 件 的 应 用 场 景, 如 图 2-4 所 示 标 签 控 件 UILabel 图 2-4 标 签 控 件 的 应 用 图 2-4 是 一 个 用 户 注 册 的 界 面, 该 图 中 使 用 了 多 个 标 签 控 件 用 于 显 示 固 定 的 文 字 由 此 可 见, 标 签 控 件 的 使 用 是 非 常 频 繁 的 要 想 在 程 序 中 使 用 标 签 控 件, 首 先 得 学 会 创 建 标 签 控 件 创 建 标 签 控 件 最 简 单 的 方 式 就 是 将 对 象 库 中 的 Label 控 件 直 接 拖 拽 到 Main.storyboard 编 辑 界 面 中, 具 体 如 图 2-5 所 示 5

6 图 2-5 将 Label 控 件 拖 拽 到 程 序 界 面 从 图 2-5 中 可 以 看 出, 使 用 拖 拽 控 件 的 方 式 可 以 轻 而 易 举 地 完 成 Label 控 件 的 创 建, 这 时, 选 中 Label 控 件, 在 code 右 侧 会 出 现 UILabel 的 属 性 检 查 器 面 板, 用 于 对 Label 控 件 进 行 设 置, 具 体 如 图 2-6 所 示 图 2-6 UILabel 的 属 性 检 查 器 面 板 6

7 图 2-6 标 识 出 了 UILabel 控 件 的 一 些 属 性 设 置, 这 些 属 性 设 置 均 可 改 变 UILabel 控 件 的 显 示 状 态 同 时, 针 对 属 性 检 查 器 面 板 中 的 设 置,UILabel 还 提 供 了 相 应 的 属 性, 接 下 来, 通 过 一 张 表 来 列 举 UILabel 控 件 的 常 见 属 性, 如 表 2-3 所 示 表 2-3 UILabel 的 常 见 属 性 属 性 声 明 功 能 描 NSString UIFont UIColor *textcolor; 设 置 显 示 的 文 本 内 容, 默 认 为 nil 设 置 字 体 和 字 体 大 小, 默 认 为 系 统 字 体 17 号 设 置 文 本 的 颜 色, 默 认 为 黑 UIColor *shadowcolor; 设 置 文 本 的 阴 影 色 彩 和 透 明 度, 默 认 为 nil 设 置 阴 影 纵 横 向 的 偏 移 量, 默 认 CGSize shadowoffset; CGSizeMake(0, -1), 即 为 顶 部 阴 NSTextAlignment 设 置 文 本 在 标 签 内 部 的 对 齐 方 式, 默 认 为 textalignment; NSTextAlignmentLeft, 即 为 居 左 对 NSLineBreakMode 指 定 换 行 模 式, 模 式 为 枚 举 类 型 NSInteger numberoflines; 指 定 文 本 行 数, 为 0 时 没 有 最 大 行 数 限 制 表 2-3 列 举 了 UILabel 控 件 的 常 见 属 性, 其 中 Text 属 性 支 持 两 种 文 本 设 置 方 式, 分 别 是 Plain 和 Attributed;Font 属 性 用 于 设 置 UILabel 显 示 的 字 体 样 式 及 大 小,shadowOffset 用 于 设 置 控 件 内 的 阴 影 文 本 与 正 常 文 本 之 间 的 偏 移, 该 属 性 需 要 指 定 Horizontal 和 Vertical 两 个 值, 分 别 表 示 阴 影 文 本 与 正 常 文 本 在 水 平 和 垂 直 方 向 的 偏 移 距 为 了 大 家 更 好 地 掌 握 标 签 控 件 的 属 性, 接 下 来, 创 建 一 个 Single View Application 应 用, 命 名 为 01_UILabel, 进 入 viewcontroller.m 文 件, 通 过 纯 粹 的 代 码 方 式 来 创 建 一 个 标 签 控 件, 并 且 使 用 UILabel 提 供 的 属 性 对 标 签 进 行 设 置, 具 体 代 码 如 例 2-1 所 示 例 2-1 ViewController.m 1 #import "ViewController.h" ViewController () ViewController 5 - (void)viewdidload { 6 [super viewdidload]; 7 // 1. 初 始 化 标 签 控 件 8 UILabel *label = [[UILabel alloc] init]; 9 // 2. 设 置 标 签 控 件 的 frame 10 CGFloat labelx = 0; // X 值 为 0 11 CGFloat labely = 210; // Y 值 为 CGFloat labelw = self.view.bounds.size.width; //width 值 为 屏 幕 宽 度 7

8 13 CGFloat labelh = 120; // height 值 为 CGRect frame = CGRectMake(labelX, labely, labelw, labelh); 15 label.frame = frame; 16 // 3. 设 置 背 景 颜 色 为 灰 色 17 label.backgroundcolor = [UIColor lightgraycolor]; 18 // 4. 设 置 字 体 和 字 体 颜 色 19 label.text to itcast 传 智 播 客 "; 20 label.font = [UIFont fontwithname:@"helvetica-bold" size:40]; 21 label.textcolor = [UIColor whitecolor]; 22 // 4. 设 置 对 齐 方 式 为 居 中 23 label.textalignment = NSTextAlignmentCenter; 24 // 5. 设 置 阴 影 25 label.shadowcolor = [UIColor colorwithwhite:0.1f alpha:0.8f]; 26 label.shadowoffset = CGSizeMake(2, 3); 27 // 6. 设 置 换 行 28 label.linebreakmode = NSLineBreakByWordWrapping; 29 label.numberoflines = 2; 30 // 显 示 到 UIView 31 [self.view addsubview:label]; 32 } 程 序 的 运 行 结 果 如 图 2-7 所 示 8

9 图 2-7 运 行 结 果 在 例 2-1 中, 创 建 标 签 控 件 和 设 置 属 性 的 具 体 代 码 都 是 在 viewdidload 方 法 中 实 现 的 这 是 因 为 程 序 的 视 图 控 制 器 完 成 视 图 的 加 载 后, 会 自 动 调 用 viewdidload 方 法 对 子 控 件 views 进 行 进 一 步 的 初 始 化 从 图 2-7 中 可 以 看 出, 程 序 成 功 创 建 了 一 个 特 定 样 式 的 标 签 控 件 图 片 控 件 (UIImageView) 友 好 的 用 户 界 面, 离 不 开 丰 富 的 图 片 图 片 控 件 是 用 UIImageView 类 表 示 的, 它 直 接 继 承 于 UIView 类, 是 一 个 用 于 显 示 图 片 的 静 态 控 件 例 如, 应 用 程 序 的 下 载 界 面, 包 含 了 多 个 图 片 控 件, 具 体 如 图 2-8 所 示 图 2-8 应 用 下 载 界 面 图 2-8 是 一 个 应 用 程 序 下 载 的 界 面, 该 界 面 包 含 了 多 个 图 片 控 件, 这 些 图 片 控 件 都 只 有 展 示 的 功 能, 并 不 能 实 现 与 用 户 的 交 互 功 能 要 想 在 程 序 中 使 用 UIImageView 显 示 图 片, 最 简 单 的 方 式 也 是 直 接 将 对 象 库 中 的 ImageView 拖 拽 到 程 序 界 面 中 当 选 中 该 控 件 后, 在 Xcode 右 侧 会 出 现 UIImageView 的 属 性 检 查 器 面 板, 该 面 板 用 于 修 改 UIImageView 的 显 示 状 态, 具 体 如 图 2-9 所 示 9

10 图 2-9 UIImageView 的 属 性 检 查 器 面 板 在 图 2-9 显 示 的 UIImageView 属 性 器 面 板 中, 其 中,Mode 属 性 是 继 承 与 UIView 的, 该 属 性 可 以 控 制 UIImageView 显 示 图 片 的 缩 放 模 式, 单 击 该 属 性 的 下 拉 列 表, 结 果 如 图 2-10 所 示 图 2-10 Mode 属 性 列 表 框 从 图 2-10 所 示,Mode 属 性 包 含 了 很 多 选 项, 这 些 选 项 所 代 表 的 含 义 如 下 所 示 : Scale To Fill: 不 保 持 纵 横 比 缩 放 图 片, 使 图 片 完 全 适 应 该 UIImageView 控 件 Aspect Fit: 保 持 纵 横 比 缩 放 图 片, 使 图 片 的 长 边 能 完 全 显 示, 即 可 以 完 整 地 展 示 图 片 Aspect Fill: 保 持 纵 横 比 缩 放 图 片, 只 能 保 证 图 片 的 短 边 能 完 成 显 示 出 来, 即 图 片 只 能 在 水 平 或 者 垂 直 方 向 是 完 整 的, 另 一 个 方 向 会 发 生 截 取 Center: 不 缩 放 图 片, 只 显 示 图 片 的 中 间 区 域 Top: 不 缩 放 图 片, 只 显 示 图 片 的 顶 部 区 域 Bottom: 不 缩 放 图 片, 只 显 示 图 片 的 底 部 区 域 Left: 不 缩 放 图 片, 只 显 示 图 片 的 左 边 区 域 Right: 不 缩 放 图 片, 只 显 示 图 片 的 右 边 区 域 Top Left: 不 缩 放 图 片, 只 显 示 图 片 的 左 上 边 区 域 Top Right: 不 缩 放 图 片, 只 显 示 图 片 的 右 上 边 区 域 Bottom Left: 不 缩 放 图 片, 只 显 示 图 片 的 左 下 边 区 域 Bottom Right: 不 缩 放 图 片, 只 显 示 图 片 的 右 下 边 区 域 针 对 UIImageView 属 性 检 查 器 面 板 中 的 设 置,UIImageView 类 也 定 义 了 相 应 的 属 性, 接 下 来, 通 过 一 张 表 来 列 举 UIImageView 的 常 见 属 性, 如 表 2-4 所 示 10

11 表 2-4 属 性 声 明 UIImageView 的 常 见 属 性 功 能 描 UIImage *image; 访 问 或 设 置 控 件 显 示 的 图 UIImage *highlightedimage; 设 置 高 亮 状 态 下 显 示 的 图 = isuserinteractionenabled) BOOL 设 置 是 否 允 许 用 户 交 互, 默 认 不 允 许 userinteractionenabled; 用 户 交 BOOL highlighted; 设 置 是 否 高 亮 状 态, 默 认 为 普 通 状 NSArray *animationimages; 设 置 序 列 帧 动 画 的 图 片 数 NSArray 设 置 高 亮 状 态 下 序 列 帧 动 画 的 图 片 *highlightedanimationimages; 数 NSTimeInterval animationduration; 设 置 序 列 帧 动 画 播 放 的 时 NSInteger animationrepeatcount; 设 置 序 列 帧 动 画 播 放 的 次 数 表 2-4 列 举 了 UIImageView 常 见 的 属 性, 其 中, 前 四 个 属 性 是 用 来 设 置 图 片 状 态 的, 后 四 个 属 性 是 用 来 设 置 图 片 动 画 的 这 些 属 性 都 是 操 作 UIImageView 最 常 用 到 的, 在 后 面 的 小 节 中, 将 针 对 这 些 属 性 的 使 用 进 行 详 细 讲 解 由 于 UIImageView 可 以 实 现 序 列 帧 动 画 显 示 一 组 图 片, 因 此,UIImageView 除 了 提 供 实 现 动 画 的 相 关 属 性 外, 还 提 供 了 实 现 序 列 帧 动 画 的 相 关 方 法, 接 下 来, 通 过 一 张 表 来 列 举 UIImageView 关 于 序 列 帧 动 画 播 放 的 相 关 方 法, 具 体 如 表 2-5 所 示 表 2-5 UIImageView 用 于 播 放 帧 动 画 的 相 关 方 法 方 法 声 明 功 能 描 述 - (void)startanimating; 开 始 播 放 动 画 - (void)stopanimating; 停 止 播 放 动 画 - (BOOL)isAnimating; 判 断 是 否 正 在 播 放 动 画 表 2-5 中 列 举 了 三 个 方 法, 这 三 个 方 法 都 是 用 来 控 制 动 画 播 放 状 态 的 实 战 演 练 会 喝 牛 奶 的 汤 姆 猫 相 信 大 家 都 知 道 一 个 比 较 好 玩 的 应 用 叫 会 说 话 的 汤 姆 猫, 该 应 用 中 的 汤 姆 猫 不 仅 可 以 模 仿 人 说 话, 还 可 以 指 挥 汤 姆 猫 进 行 各 种 动 作, 比 如 喝 牛 奶 挠 抓 屏 幕 挨 打 等 动 作 其 实, 这 些 动 作 都 是 一 系 列 图 片 的 动 画 效 果, 接 下 来, 我 们 以 喝 牛 奶 为 例, 带 领 大 家 使 用 图 片 控 件 来 开 发 一 个 会 喝 牛 奶 的 汤 姆 猫, 具 体 步 骤 如 下 : 1. 界 面 设 计 11

12 (1) 新 建 一 个 Single View Application 应 用, 名 称 为 02_UIImageView, 然 后 在 Main.storyboard 界 面 中 添 加 一 个 UIImageView 控 件 和 一 个 UIButton 控 件, 其 中,UIImageView 控 件 用 于 显 示 汤 姆 猫, UIButton 控 件 用 于 显 示 牛 奶 瓶 (2) 将 提 前 准 备 好 的 图 片 分 别 放 到 Supporting Files 和 Images.xcassets 文 件 中, 并 为 UIImageView 控 件 和 UIButton 控 件 设 置 背 景 图 片, 设 计 好 的 界 面 如 图 2-11 所 示 图 2-11 喝 牛 奶 的 汤 姆 猫 界 面 2. 创 建 控 件 对 象 的 关 联 (1) 点 击 Xcode 6.1 界 面 右 上 角 的 图 标, 进 入 控 件 与 代 码 的 关 联 界 面, 选 中 UIButton 控 件, 添 加 一 个 点 击 事 件, 命 名 为 drink, 具 体 如 图 2-12 所 示 图 2-12 创 建 UIButton 控 件 对 象 的 关 联 (2) 同 样 的 方 式, 选 中 UIImageView 控 件, 添 加 一 个 表 示 汤 姆 猫 的 对 象, 命 名 为 tom, 具 体 如 图 2-13 所 示 12

13 图 2-13 创 建 UIImageView 对 象 的 关 联 3. 通 过 代 码 实 现 汤 姆 猫 喝 牛 奶 的 功 能 完 成 控 件 对 象 的 关 联 后, 就 可 以 通 过 代 码 实 现 汤 姆 猫 喝 牛 奶 的 功 能 了 进 入 ViewController.m 文 件, 在 drink 方 法 中 加 载 图 片, 并 且 设 置 喝 牛 奶 的 一 系 列 动 画, 具 体 代 码 如 例 2-2 所 示 例 2-2 ViewController.m 1 #import "ViewController.h" ViewController () 3 // 声 明 一 个 表 示 汤 姆 猫 的 属 性 tom (weak, nonatomic) IBOutlet UIImageView *tom; 5 // 声 明 一 个 喝 牛 奶 的 方 法 drink 6 - (IBAction)drink:(id)sender; ViewController 9 - (void)viewdidload { 10 [super viewdidload]; 11 // Do any additional setup after loading the view, typically from a nib. 12 } 13 - (IBAction)drink:(id)sender { 14 // 1. 加 载 所 有 的 动 画 图 片 15 NSMutableArray *images=[nsmutablearray array]; 16 for(int i=0;i<81;i++){ 17 // 计 算 文 件 名 18 NSString *filename=[nsstring stringwithformat:@"drink_%02d.jpg",i]; 19 // 加 载 图 片 20 UIImage *image=[uiimage imagenamed:filename]; 13

14 21 // 添 加 图 片 到 数 组 中 22 [images addobject:image]; 23 } 24 self.tom.animationimages=images; 25 //2. 设 置 播 放 次 数 (1 次 ) 26 self.tom.animationrepeatcount=1; 27 // 3. 设 置 播 放 时 间 28 self.tom.animationduration=8; 29 // 4. 开 始 播 放 动 画 30 [self.tom startanimating]; 31 } 在 例 2-2 中, 第 15 行 代 码 创 建 了 一 个 数 组, 用 于 存 放 一 系 列 动 画 图 片, 第 16~23 行 代 码 用 于 将 存 放 在 指 定 目 录 想 的 图 片 添 加 到 数 组 中, 第 24 行 代 码 用 于 设 置 动 画 图 片, 第 26~28 行 代 码 用 于 设 置 动 画 播 放 的 次 数 及 其 持 续 时 间, 第 30 行 代 码 用 于 播 放 动 画 4. 在 模 拟 器 上 运 行 程 序 点 击 Xcode 工 具 的 运 行 按 钮, 在 模 拟 器 上 运 行 程 序 程 序 运 行 成 功 后, 点 击 喝 牛 奶 的 图 标, 一 个 会 喝 牛 奶 的 汤 姆 猫 应 用 成 功 开 发 完 成 了 汤 姆 猫 喝 牛 奶 的 部 分 场 景 如 图 2-14 所 示 图 2-14 会 喝 牛 奶 的 汤 姆 猫 注 意 : PNG 格 式 的 图 片 资 源, 可 以 直 接 放 到 Images.xcassets 文 件 和 Supporting Files 文 件 下 ; 而 JPEG 格 式 的 图 片 资 源, 只 能 放 到 Supporting Files 文 件 下 14

15 2.3 按 钮 控 件 (UIButton) 按 钮 控 件 概 述 按 钮 控 件 是 最 常 用 的 控 件 之 一, 通 常 情 况 下, 点 击 某 个 控 件 后, 会 做 出 相 应 反 应 的 都 是 按 钮 控 件 在 ios 开 发 中, 按 钮 控 件 使 用 UIButton 表 示 的, 它 直 接 继 承 自 UIControl:UIView, 是 一 个 既 能 显 示 文 字, 又 能 显 示 图 片, 还 能 随 时 调 整 内 部 图 片 和 文 字 位 置 的 按 钮 例 如, 播 放 器 界 面 有 很 多 按 钮 控 件, 具 体 如 图 2-15 所 示 图 2-15 播 放 器 界 面 中 的 按 钮 图 2-15 展 示 的 是 播 放 器 界 面 中 的 一 部 分, 这 部 分 包 含 了 5 个 按 钮 控 件, 这 些 控 件 都 是 可 点 击 的, 并 且 点 击 这 些 按 钮 控 件 后, 会 做 出 不 同 的 反 应 同 标 签 控 件 图 片 控 件 一 样, 创 建 按 钮 控 件 最 简 单 的 方 式, 也 是 通 过 拖 拽 控 件 的 方 式 来 完 成 进 入 对 象 库, 选 中 Button 控 件, 在 code 右 侧 会 出 现 UIButton 的 属 性 检 查 器 面 板, 具 体 如 图 2-16 所 示 15

16 图 2-16 UIButton 的 属 性 检 查 器 面 板 图 2-16 展 示 的 是 UIButton 所 支 持 的 一 些 属 性, 其 中,Type 和 State Config 属 性 比 较 难 理 解, 接 下 来, 针 对 这 两 个 属 性 进 行 详 细 讲 解, 具 体 如 下 : 1. Type 该 属 性 用 于 设 置 按 钮 的 类 型, 它 支 持 多 个 选 项, 单 击 Type 下 拉 列 表, 如 图 2-11 所 示 图 2-17 按 钮 控 件 的 Type 属 性 从 图 2-17 中 可 以 看 出, 按 钮 控 件 的 Type 属 性 有 6 个 选 项, 这 6 个 选 项 表 示 的 含 义 如 下 所 示 : Custom: 该 选 项 表 示 按 钮 控 件 是 开 发 者 自 己 定 义 的, 是 最 常 被 选 用 的 Type 类 型 System: 该 选 项 是 ios 默 认 的 按 钮 风 格 Detail Disclosure: 该 按 钮 通 常 用 于 显 示 当 前 列 表 项 的 详 情, 最 新 发 布 的 ios8 中 显 示 图 标 Info Light: 显 示 图 标 的 图 形 按 钮, 该 按 钮 通 常 用 于 显 示 简 短 的 说 明 信 息 16

17 Info Dark: 显 示 图 标 的 图 形 按 钮, 该 按 钮 通 常 用 于 显 示 简 短 的 说 明 信 息 Add Contact: 显 示 图 标 的 图 形 按 钮, 该 按 钮 通 常 用 于 显 示 添 加 联 系 人 2.State Config 该 属 性 用 于 配 置 该 按 钮 的 状 态, 它 支 持 多 个 选 项, 单 击 State Config 下 拉 列 表, 如 图 2-18 所 示 图 2-18 按 钮 控 件 的 State Config 属 性 从 图 2-18 中 可 以 看 出, 按 钮 控 件 的 State Config 属 性 有 4 个 选 项, 这 4 个 选 项 表 示 的 含 义 如 下 所 示 : Default: 这 是 按 钮 默 认 的 状 态 Highlighted: 当 用 户 触 碰 该 按 钮 时, 该 按 钮 显 示 高 亮 状 态 Selected: 表 示 按 钮 被 选 中 的 状 态 Disabled: 表 示 按 钮 被 禁 用 后 的 状 态 针 对 UIButton 属 性 检 查 器 面 板 中 的 设 置,UIButton 类 也 定 义 了 相 应 的 属 性, 接 下 来, 通 过 一 张 表 来 列 举 UIButton 的 常 见 属 性, 如 表 2-6 所 示. 表 2-6 UIButton 类 的 常 见 属 性 属 性 声 明 功 能 描 UIButtonType buttontype; 用 于 设 置 按 钮 控 件 的 类 UILabel *titlelabel; 用 于 设 置 按 钮 控 件 显 示 的 文 UIImageView *imageview; 用 于 显 示 按 钮 控 件 的 图 片 除 此 之 外,UIButton 类 还 提 供 了 许 多 可 以 设 置 UIButton 外 观 的 方 法, 这 些 方 法 都 比 较 常 用, 表 2-7 列 举 了 UIButton 提 供 的 常 见 方 法 表 2-7 UIButton 类 的 常 见 方 法 方 法 声 明 功 能 描 述 - (void)settitle:(nsstring *)title forstate:(uicontrolstate)state; 用 于 设 置 按 钮 的 文 本 和 状 态 - (void)settitlecolor:(uicolor *)color forstate:(uicontrolstate)state; 用 于 设 置 按 钮 的 标 题 颜 色 和 状 态 - (void)setbackgroundimage:(uiimage *)image 用 于 设 置 按 钮 的 背 景 图 片 和 状 态 17

18 forstate:(uicontrolstate)state; - (void)setimage:(uiimage *)image 用 于 设 置 按 钮 的 图 片 和 状 态 forstate:(uicontrolstate)state; 表 2-7 列 举 的 方 法 中 都 需 要 指 定 一 个 forstate 参 数, 该 参 数 是 一 个 UIControlState 整 数 值, 用 于 接 收 UIControlStateNormal UIControlStateHighlighted UIControlStateDisabled UIControlStateSelected 等 状 态 的 值, 该 四 个 状 态 所 代 表 的 值, 刚 好 是 图 2-12 所 列 出 的 四 种 状 态 实 战 演 练 使 用 按 钮 移 动 旋 转 缩 放 图 片 UIButton 作 为 ios 开 发 中 最 常 用 的 控 件 之 一, 它 主 要 用 于 响 应 用 户 在 界 面 中 触 发 的 事 件 为 了 帮 助 大 家 熟 练 掌 握 UIButton 的 使 用, 接 下 来, 带 领 大 家 使 用 按 钮 控 件 来 控 制 图 片 的 移 动 旋 转 和 缩 放, 具 体 步 骤 如 下 : 1. 界 面 设 计 (1) 新 建 一 个 Single View Application 应 用, 名 称 为 03_UIButton, 然 后 在 Main.storyboard 界 面 中 添 加 一 个 UIImageView 控 件 和 八 个 UIButton 控 件, 其 中,UIImageView 控 件 用 于 显 示 要 操 作 的 图 片,UIButton 控 件 用 于 控 制 图 片 的 上 下 左 右 移 动 左 右 旋 转 和 放 大 缩 小 (2) 将 提 前 准 备 好 的 图 片 放 到 Supporting Files 文 件 中, 并 为 UIImageView 控 件 和 UIButton 控 件 设 置 背 景 图 片 设 计 好 的 界 面 如 图 2-19 所 示 图 2-19 按 钮 操 作 图 片 的 界 面 在 图 2-19 中, 上 移 下 移 左 移 右 移 的 操 作, 分 别 和 图 中 箭 头 的 方 向 对 应, 左 旋 右 旋 和 放 大 缩 小 也 一 样 需 要 注 意 的 是, 为 了 区 分 移 动 旋 转 缩 放 的 不 同 按 钮, 我 们 需 要 为 每 个 按 钮 设 置 一 个 Tag 属 性, 这 里, 我 们 为 上 移 下 移 左 移 右 移 左 旋 转 右 旋 转 放 大 缩 小 设 置 的 Tag 属 性 为 创 建 控 件 对 象 的 关 联 (1) 点 击 Xcode 6.1 界 面 右 上 角 的 图 标, 进 入 控 件 与 代 码 的 关 联 界 面, 为 具 备 移 动 操 作 的 四 个 UIButton 控 件, 添 加 同 一 个 点 击 事 件, 命 名 为 run, 具 体 如 图 2-20 所 示 18

19 图 2-20 创 建 移 动 按 钮 对 象 的 关 联 (2) 同 样 的 方 式, 为 旋 转 按 钮 缩 放 按 钮 添 加 相 应 的 事 件, 分 别 命 名 为 rotate 和 scale, 为 UIImageView 添 加 属 性, 命 名 为 img, 添 加 完 成 后 的 界 面 如 图 2-21 所 示 图 2-21 完 成 控 件 对 象 关 联 后 的 界 面 从 图 2-21 中 可 以 看 出, 完 成 控 件 对 象 的 关 联 后, 在 ViewController.m 文 件 中 会 自 动 生 成 控 件 对 象 对 应 属 性 和 方 法 的 声 明 3. 通 过 代 码 实 现 图 片 的 移 动 旋 转 缩 放 功 能 19

20 完 成 控 件 对 象 的 关 联 后, 就 可 以 通 过 代 码 实 现 按 钮 移 动 旋 转 缩 放 图 片 的 功 能 了 进 入 ViewController.m 文 件, 通 过 代 码 对 不 同 的 方 法 进 行 实 现, 具 体 代 码 如 例 2-3 所 示 例 2-3 ViewController.m 1 #import "ViewController.h" ViewController () 3 // 声 明 一 个 表 示 图 片 的 属 性 img (weak, nonatomic) IBOutlet UIImageView *img; 5 - (IBAction)scale:(id)sender; // 声 明 缩 放 图 片 的 方 法 6 - (IBAction)rotate:(id)sender;// 声 明 旋 转 图 片 的 方 法 7 - (IBAction)run:(id)sender; // 声 明 移 动 图 片 的 方 法 ViewController 10 - (void)viewdidload { 11 [super viewdidload]; 12 } 13 // 用 于 缩 放 图 片 的 方 法 14 - (IBAction)scale:(id)sender { 15 // 获 取 图 片 的 transform 属 性 16 CGAffineTransform t=self.img.transform; 17 // 获 取 图 片 的 tag 属 性 18 NSInteger tag = [sender tag]; 19 if (tag==7) { 20 CGAffineTransform temtransform =CGAffineTransformScale(t, 1.2,1.2); 21 self.img.transform = temtransform; 22 }else{ 23 CGAffineTransform temtransform = CGAffineTransformScale(t, 0.8,0.8); 24 self.img.transform=temtransform; 25 } 26 } 27 // 用 于 旋 转 图 片 的 方 法 28 - (IBAction)rotate:(id)sender { 29 // 获 取 图 片 的 transform 属 性 30 CGAffineTransform temtransform=self.img.transform; 31 // 获 取 按 钮 的 tag 属 性 32 NSInteger rotatetag=[sender tag]; 33 if (rotatetag==5) { 34 self.img.transform=cgaffinetransformrotate(temtransform,m_pi_4 * -1); 35 }else{ 20

21 36 self.img.transform = CGAffineTransformRotate(temtransform,M_PI_4 * 1); 37 } 38 } 39 // 用 于 移 动 图 片 的 方 法 40 - (IBAction)run:(id)sender { 41 // 获 取 图 片 的 frame 属 性 42 CGRect tmpframe = self.img.frame; 43 // 获 取 按 钮 的 tag 属 性 44 NSInteger runtag=[sender tag]; 45 switch (runtag) { 46 case 1: // 向 上 移 动 47 tmpframe.origin.y-=10; 48 self.img.frame=tmpframe; 49 break; 50 case 2: // 向 下 移 动 51 tmpframe.origin.y+=10; 52 self.img.frame=tmpframe; 53 break; 54 case 3: // 向 左 移 动 55 tmpframe.origin.x-=10; 56 self.img.frame=tmpframe; 57 break; 58 case 4: // 向 右 移 动 59 tmpframe.origin.x+=10; 60 self.img.frame=tmpframe; 61 break; 62 default: 63 break; 64 } 65 } 在 例 2-3 中, 使 用 按 钮 对 图 片 进 行 各 种 操 作 时, 首 先 都 是 获 取 图 片 对 象 的 相 关 属 性, 然 后 根 据 图 片 对 象 的 Tag 属 性, 执 行 不 同 的 动 作 以 run 方 法 为 例, 该 方 法 用 于 实 现 图 片 的 移 动 操 作, 第 41~44 行 代 码 分 别 获 取 了 图 片 的 frame 和 按 钮 的 tag 属 性, 第 45~65 行 代 码 使 用 switch 语 句, 根 据 按 钮 的 tag 属 性, 判 断 按 钮 移 动 的 方 向, 并 对 frame 属 性 的 坐 标 位 置 进 行 修 改, 从 而 实 现 图 片 的 移 动 4. 在 模 拟 器 上 运 行 程 序 21

22 点 击 Xcode 工 具 的 运 行 按 钮, 在 模 拟 器 上 运 行 程 序 程 序 运 行 成 功 后, 点 击 不 同 的 按 钮 操 作 图 片, 发 现 图 片 可 以 实 现 移 动 旋 转 和 缩 放 了 使 用 按 钮 对 图 片 进 行 移 动 旋 转 缩 放 后 的 部 分 图 片 如 图 2-22 所 示 图 2-22 使 用 按 钮 移 动 旋 转 缩 放 图 片 2.4 文 本 框 控 件 和 文 本 控 件 在 ios 开 发 中, 经 常 需 要 一 些 现 实 文 字 的 控 件, 虽 然 UILabel 标 签 可 以 实 现 文 字 的 展 示, 但 它 不 能 和 用 户 进 行 交 互, 为 此,UIKit 框 架 提 供 了 UITextField 和 UITextView 文 本 控 件, 接 下 来, 本 节 将 针 对 这 两 个 控 件 进 行 详 细 地 讲 解 文 本 框 控 件 (UITextField) 在 ios 开 发 中, 文 本 框 控 件 使 用 UITextField 来 表 示, 它 和 UIButton 控 件 一 样, 都 直 接 继 承 自 UIControl 控 件, 并 且 可 以 和 用 户 进 行 交 互 为 了 帮 助 大 家 更 好 地 理 解 什 么 是 文 本 框 控 件, 接 下 来, 通 过 新 浪 微 博 登 录 的 界 面 来 展 示 UITextField 的 使 用 场 景, 如 图 2-23 所 示 22

23 图 2-23 新 浪 微 博 登 录 界 面 图 2-23 显 示 的 是 一 个 新 浪 微 博 的 登 录 界 面, 该 界 面 中 的 用 户 名 和 密 码 输 入 框 都 是 使 用 文 本 框 控 件 UITextField 控 件 实 现 的 由 此 可 见,UITextField 控 件 不 仅 可 以 显 示, 同 时 可 供 用 户 输 入 或 者 编 辑 文 本 要 想 在 程 序 中 使 用 UITextField, 首 先 得 学 会 创 建 UITextField 同 样 从 对 象 库 中 找 到 Text Field, 将 其 拖 拽 到 Main.storyboard 编 辑 界 面 中, 这 样 就 轻 而 易 举 地 创 建 了 一 个 文 本 输 入 框 选 中 Text Field 控 件,Xcode 右 侧 出 现 了 UITextField 的 属 性 检 查 器 面 板, 该 面 板 用 于 设 置 UITextField 的 相 关 属 性, 具 体 如 图 2-24 所 示 23

24 图 2-24 UITextField 的 属 性 检 测 器 面 板 图 2-24 显 示 的 是 UITextField 所 支 持 的 一 些 属 性, 通 过 设 置 这 些 属 性, 可 以 使 文 本 框 的 状 态 发 生 相 应 的 变 化 接 下 来, 针 对 Clear Button 属 性 和 Keyboard Type 属 性 进 行 详 细 讲 解 1. Clear Button Clear Button 用 于 控 制 何 时 显 示 清 除 按 钮, 选 中 文 本 框 控 件, 单 击 该 属 性 的 下 拉 列 表, 结 果 如 图 2-25 所 示 图 2-25 Clear Button 属 性 支 持 的 选 项 图 2-25 展 示 的 是 UITextField 控 件 的 Clear Button 属 性 选 项, 这 些 选 项 所 代 表 的 含 义 如 下 所 示 : Never appears: 从 不 显 示 清 除 按 钮 Appears while editing: 当 编 辑 内 容 时 显 示 清 除 按 钮 Appears uniess editing: 除 了 编 辑 之 外, 都 会 显 示 清 除 按 钮 Is always visible: 清 除 按 钮 一 直 可 见 2. Keyboard Type Keyboard Type 用 于 设 置 文 本 框 关 联 的 键 盘 类 型, 选 中 文 本 框 控 件, 单 击 该 属 性 的 下 拉 列 表, 结 果 如 图 2-26 所 示 24

25 图 2-26 Keyboard Type 属 性 支 持 的 选 项 图 2-26 显 示 的 是 Keyboard Type 属 性 所 支 持 的 选 项, 这 些 选 项 所 代 表 的 含 义 如 下 所 示 : Default: 显 示 默 认 的 虚 拟 键 盘 ASCII Capable: 显 示 英 文 字 母 键 盘 Numbers and Punctuation: 显 示 数 字 和 标 点 符 号 键 盘 Number Pad: 显 示 数 字 键 盘 Phone Pad: 显 示 电 话 拨 号 键 盘 Address: 显 示 输 入 地 址 的 虚 拟 键 盘 Decimal Pad: 显 示 可 输 入 数 字 和 小 数 点 的 虚 拟 键 盘 针 对 UITextField 属 性 检 查 器 面 板 设 置 的 属 性,UITextField 类 也 定 义 了 与 之 对 应 的 属 性, 接 下 来 通 过 一 张 表 来 列 举 UITextField 的 常 见 属 性, 如 表 2-8 所 示 表 2-8 UITextField 的 常 见 属 性 属 性 声 明 功 能 描 UIControlContentVerticalAlignment 设 置 文 本 框 内 文 本 的 垂 直 对 齐 方 式 NSString *placeholder; 设 置 文 本 框 未 输 入 文 本 时 的 提 示 信 UITextBorderStyle borderstyle; 设 置 文 本 框 边 框 的 样 式 25

26 @property(nonatomic) UITextFieldViewMode clearbuttonmode; 设 置 文 本 框 是 否 显 示 清 除 按 BOOL securetextentry; 设 置 文 本 框 输 入 的 字 符 是 否 密 文 显 UITextAutocorrectionType autocorrectiontype; 设 置 是 否 自 动 更 正 文 本 框 内 的 文 本 内 BOOL clearsonbeginediting; 再 次 编 辑 时 是 否 清 空 之 前 的 文 本 内 BOOL adjustsfontsizetofitwidth; 设 置 文 本 内 容 是 否 适 应 文 本 框 窗 口 大 设 置 文 本 框 内 文 本 内 容 首 字 母 是 否 为 UITextAutocapitalizationType 大 写 BOOL editing; 设 置 文 本 框 内 文 本 内 容 是 否 允 许 编 id<uitextfielddelegate> delegate; 设 置 代 UIKeyboardType keyboardtype; 设 置 文 本 框 关 联 的 键 盘 类 UIKeyboardAppearance keyboardappearance; 设 置 文 本 框 关 联 键 盘 的 外 观 样 UIReturnKeyType returnkeytype; 设 置 文 本 框 关 联 键 盘 的 回 车 键 类 UIView *leftview; 设 置 文 本 框 左 侧 视 UITextFieldViewMode leftviewmode; 设 置 文 本 框 左 视 图 的 显 示 方 UIView *rightview; 设 置 文 本 框 右 侧 视 UITextFieldViewMode rightviewmode; 设 置 文 本 框 右 视 图 的 显 示 方 式 表 2-7 列 举 出 了 UITextField 的 常 见 属 性, 其 中 delegate 为 代 理 属 性, 如 果 一 个 对 象 要 想 监 听 文 本 框 的 动 态, 例 如 限 制 文 本 框 输 入 内 容 的 个 数, 该 对 象 可 以 成 为 文 本 框 的 代 理 来 实 现 监 听, 但 是 前 提 是 要 遵 守 UITextFieldDelegate 协 议, 该 协 议 的 定 义 方 式 如 下 所 示 UITextFieldDelegate // 文 本 框 是 否 可 以 进 入 编 辑 模 式 ( 是 否 可 进 入 输 入 状 态 ) - (BOOL)ç:(UITextField *)textfield; // 文 本 框 进 入 编 辑 模 式 26

27 - (void)textfielddidbeginediting:(uitextfield *)textfield; // 是 否 退 出 编 辑 模 式 ( 是 否 可 结 束 输 入 状 态 ) - (BOOL)textFieldShouldEndEditing:(UITextField *)textfield; // 退 出 编 辑 模 式 ( 结 束 输 入 状 态 ) - (void)textfielddidendediting:(uitextfield *)textfield; // 当 输 入 任 何 字 符 时, 代 理 调 用 该 方 法 -(BOOL)textField:(UITextField *)textfield shouldchangecharactersinrange: (NSRange)range replacementstring:(nsstring *)string; // 是 否 可 以 点 击 清 除 按 钮 - (BOOL)textFieldShouldClear:(UITextField *)textfield; // 点 击 键 盘 上 的 return 按 钮 时 调 用 - (BOOL)textFieldShouldReturn:(UITextField 从 上 述 代 码 中 可 以 看 出,UITextFieldDelegate 协 议 中 定 义 了 许 多 供 代 理 监 听 的 方 法, 这 些 方 法 会 在 文 本 框 的 不 同 状 态 下 被 调 用 例 如,textFieldShouldReturn 方 法 是 点 击 键 盘 上 的 return 键 按 钮 时 调 用 的 方 法, 该 方 法 可 以 实 现 单 击 return 键 后 所 执 行 的 行 为 实 战 演 练 用 户 登 录 传 智 播 客 UITextField 作 为 用 户 输 入 文 本 的 控 件 之 一, 它 经 常 会 运 用 在 一 些 用 户 的 登 录 界 面, 例 如, 新 浪 微 博 的 登 录 界 面, 用 户 名 和 密 码 的 文 本 输 入 框 就 是 使 用 UITextField 实 现 的 为 了 帮 助 大 家 更 好 地 学 习 UITextField 的 使 用, 接 下 来, 带 领 大 家 开 发 一 个 用 户 登 录 传 智 播 客 的 案 例, 具 体 步 骤 如 下 : 1. 界 面 设 计 (1) 新 建 一 个 Single View Application 应 用, 名 称 为 04_UITextField, 然 后 在 Main.storyboard 界 面 中 添 加 一 个 UIImageView 控 件 两 个 UITextField 控 件 和 一 个 UIButton 控 件, 其 中,UIImageView 控 件 用 于 显 示 Logo 图 片,UITextField 控 件 用 于 输 入 用 户 登 录 的 用 户 名 和 密 码,UIButton 控 件 用 于 用 户 的 登 录 (2) 将 提 前 准 备 好 的 图 片 放 到 Supporting Files 文 件 中, 并 为 UIImageView 控 件 和 UIButton 控 件 设 置 背 景 图 片 为 了 确 保 密 码 的 安 全, 通 常 情 况 下, 我 们 都 会 将 密 码 设 置 为 密 文 显 示, 即 用 于 输 入 密 码 的 UITextField 控 件 中 的 Secure Text Entry 属 性 勾 选 上 设 计 好 的 界 面 如 图 2-27 所 示 27

28 图 2-27 用 户 登 录 的 界 面 2. 创 建 控 件 对 象 的 关 联 (1) 点 击 Xcode 6.1 界 面 右 上 角 的 图 标, 进 入 控 件 与 代 码 的 关 联 界 面, 为 UITextField 控 件 添 加 用 于 表 示 用 户 名 和 密 码 的 属 性, 分 别 命 名 username 和 password, 创 建 好 的 界 面 如 图 2-28 所 示 图 2-28 为 UITextField 控 件 添 加 属 性 (2) 同 样 的 方 式, 为 登 录 按 钮 添 加 一 个 事 件, 命 名 为 login, 添 加 完 成 后 的 界 面 如 图 2-29 所 示 28

29 图 2-29 为 UIButton 控 件 添 加 用 于 点 击 的 方 法 3. 通 过 代 码 实 现 用 户 登 录 的 功 能 完 成 控 件 对 象 的 关 联 后, 就 可 以 通 过 代 码 实 现 用 户 登 录 的 功 能 了 为 了 演 示 用 户 登 录 的 功 能, 我 们 假 设 有 一 个 用 户 名 为 itcast, 密 码 为 的 用 户 使 用 代 码 实 现 用 户 登 录 功 能 的 代 码 如 例 2-4 所 示 例 2-4 viewcontroller.m 1 #import "ViewController.h" ViewController () 3 - (IBAction)login:(id)sender;// 用 于 声 明 UIButton 按 钮 的 点 击 事 件 4 // 用 于 声 明 两 个 UITextField 控 件 所 对 应 的 属 性 (weak, nonatomic) IBOutlet UITextField *password; (weak, nonatomic) IBOutlet UITextField *username; ViewController 9 - (void)viewdidload { 10 [super viewdidload]; 11 } 12 - (IBAction)login:(id)sender { 13 // 获 取 用 户 名 14 NSString *username=self.username.text; 15 // 获 取 密 码 16 NSString *password=self.password.text; 17 // 判 断 用 户 名 和 密 码 是 否 正 确 18 if ([username isequaltostring:@""] [password isequaltostring:@""]) { 19 [self showmessage:@" 用 户 名 或 密 码 不 能 为 空 "]; 29

30 20 }else if(![password 21![username 22 [self 用 户 名 或 密 码 错 误 "]; 23 }else if([username 24 [password 25 [self 登 录 成 功 "]; 26 } 27 } 28 // 提 示 信 息 的 方 法 29 -(void)showmessage:(nsstring *) message{ 30 UIAlertView *alert=[[uialertview alloc] initwithtitle:nil message: 31 message delegate:nil cancelbuttontitle:@" 确 定 " 32 otherbuttontitles:nil,nil]; 33 [alert show]; 34 } 在 例 2-4 中, 第 83~93 行 代 码 用 于 对 用 户 名 和 密 码 进 行 判 断, 并 且 调 用 了 showmessage 方 法 显 示 登 录 的 结 果,showMessage 方 法 是 程 序 第 95~100 行 代 码 定 义 的 一 个 方 法, 该 方 法 首 先 创 建 了 一 个 UIAlertView, 并 在 创 建 该 对 象 时 指 定 了 警 告 框 的 标 题 消 息 内 容 以 及 警 告 框 包 含 的 按 钮 信 息, 然 后 调 用 show 方 法, 将 创 建 的 UIAlertView 对 象 显 示 出 来 4. 在 模 拟 器 上 运 行 程 序 点 击 Xcode 工 具 的 运 行 按 钮, 在 模 拟 器 上 运 行 程 序 程 序 运 行 成 功 后, 在 文 本 框 中 输 入 用 户 名 和 密 码, 点 击 登 录 按 钮, 这 时, 不 管 用 户 名 和 密 码 输 入 的 是 否 正 确, 都 会 弹 出 一 个 对 应 的 提 示 框, 具 体 效 果 如 图 2-30 所 示 图 2-30 用 户 登 录 的 运 行 结 果 30

31 2.4.3 多 行 文 本 控 件 (UITextView) 在 ios 应 用 中, 经 常 需 要 输 入 多 行 文 本, 这 时, 需 要 使 用 UITextView 控 件 实 现 与 UITextField 控 件 相 比,UITextView 继 承 自 UIScrollView:UIView 类, 它 不 仅 可 以 输 入 并 显 示 文 本, 而 且 可 以 在 固 定 的 区 域 展 示 足 够 多 的 文 本, 并 且 这 些 文 本 内 容 可 以 换 行 显 示 为 了 帮 助 大 家 更 好 地 理 解 什 么 是 UITextView, 接 下 来, 通 过 一 张 发 表 微 博 的 图 片 来 展 示 UITextView 的 应 用 场 景, 具 体 如 图 2-31 所 示 图 2-31 UITextView 的 使 用 场 景 图 2-31 是 发 送 微 博 的 界 面, 其 中, 发 表 微 博 内 容 的 区 域 是 一 个 可 以 滚 动 显 示 的 文 本 框, 它 是 由 一 个 多 行 文 本 控 件 实 现 的 通 常 情 况 下, 多 行 文 本 控 件 也 称 为 文 本 视 图 同 样, 在 学 习 UITextView 控 件 之 前, 先 来 看 一 下 UITextView 控 件 所 支 持 的 属 性 从 对 象 库 中 将 Text View 直 接 拖 拽 到 Main.storyboard 编 辑 界 面 并 选 中, 在 Xcode 右 侧 会 出 现 了 UITextView 的 属 性 检 查 器 面 板, 具 体 如 图 2-32 所 示 31

32 图 2-32 UITextView 的 属 性 检 测 器 面 板 图 2-32 标 识 出 了 UITextView 常 见 属 性 的 设 置, 这 些 属 性 所 代 表 的 含 义 比 较 简 单, 大 家 可 以 通 过 修 改 属 性 的 设 置, 体 会 这 些 属 性 对 UITextView 所 起 的 作 用 除 了 可 以 在 属 性 检 查 器 面 板 中 设 置 属 性 外, 还 可 以 使 用 UITextView 类 提 供 的 属 性 来 进 行 设 置, 接 下 来, 通 过 一 张 表 来 列 举 UITextView 的 常 见 属 性, 具 体 如 表 2-9 所 示 表 2-9 UITextView 的 常 见 属 性 属 性 声 明 功 能 描 设 置 代 理 id<uitextviewdelegate> BOOL 设 置 文 本 视 图 是 否 可 编 辑 BOOL 设 置 文 本 视 图 是 否 可 选 择 selectable; 设 置 文 本 视 图 输 入 时 是 否 清 除 之 BOOL clearsoninsertion; 的 文 NSAttributedString 设 置 文 本 视 图 默 认 插 入 的 文 字 内 容 (readwrite, retain) UIView (readwrite, retain) UIView UIViewAutoresizing autoresizingmask; 设 置 底 部 弹 出 的 视 图 设 置 底 部 弹 出 视 图 上 方 的 辅 助 视 图 设 置 文 本 视 图 自 动 适 应 高 度 32

33 表 2-8 列 举 了 UITextView 的 常 见 属 性, 其 中 delegate 为 代 理 属 性, 文 本 视 图 的 事 件 交 由 委 托 代 理 对 象 处 理, 实 现 对 文 本 视 图 的 监 听, 但 是 前 提 要 遵 守 UITextViewDelegate 协 议, 该 协 议 的 定 义 方 式 如 下 所 示 UITextViewDelegate <NSObject, // 用 户 将 要 开 始 编 辑 UITextView 的 内 容 时 会 激 发 该 方 法 - (BOOL)textViewShouldBeginEditing:(UITextView *)textview; // 用 户 开 始 编 辑 该 UITextView 的 内 容 时 会 激 发 该 方 法 - (void)textviewdidbeginediting:(uitextview *)textview; // 用 户 将 要 结 束 编 辑 该 UITextView 的 内 容 时 会 激 发 该 方 法 - (BOOL)textViewShouldEndEditing:(UITextView *)textview; // 用 户 结 束 编 辑 该 UITextView 的 内 容 时 会 激 发 该 方 法 - (void)textviewdidendediting:(uitextview *)textview; // 该 UITextView 内 指 定 范 围 内 的 文 本 内 容 将 要 被 替 换 时 激 发 该 方 法 - (BOOL)textView:(UITextView *)textview shouldchangetextinrange:(nsrange)range replacementtext:(nsstring *)text; // 该 UITextView 中 包 含 的 文 本 内 容 发 生 改 变 时 会 激 发 该 方 法 - (void)textviewdidchange:(uitextview *)textview; // 用 户 选 中 该 UITextView 内 某 些 文 本 时 会 激 发 该 方 法 - (void)textviewdidchangeselection:(uitextview 从 上 述 代 码 中 可 以 看 出,UITextViewDelegate 协 议 中 定 义 了 很 多 方 法, 这 些 方 法 会 在 不 同 的 状 态 下 被 激 发 例 如 textview:shouldchangetextinrange 方 法 是 替 换 多 行 文 本 控 件 中 指 定 文 本 时 会 触 发 的 方 法, 该 方 法 可 以 实 现 把 回 车 键 当 做 退 出 键 盘 的 响 应 键 2.5 开 关 控 件 (UISwitch) 开 关 控 件 概 述 在 某 些 ios 应 用 中, 经 常 会 看 到 一 些 类 似 传 统 物 理 开 关 的 控 件, 例 如, 手 电 筒 的 开 关 Setting 选 项 中 的 定 位 开 关 等, 这 些 开 关 都 是 使 用 开 关 控 件 UISwitch 实 现 的, 为 了 大 家 更 好 地 理 解 什 么 是 开 关 控 件, 接 下 来, 通 过 一 张 图 来 描 述 开 关 控 件 的 应 用 场 景, 具 体 如 图 2-33 所 示 33

34 图 2-33 Setting 选 项 中 的 Safari 选 项 图 2-33 显 示 的 是 一 个 Setting 选 项 中 的 Safari 选 项 界 面, 该 界 面 中 包 含 了 很 多 UISwitch 控 件, 并 且 这 些 控 件 都 只 有 开 / 关 两 种 状 态 UISwitch 控 件 继 承 自 UIControl 类, 它 是 一 个 可 以 与 用 户 进 行 交 互 的 控 件 同 样, 在 学 习 UISwitch 控 件 之 前, 先 来 看 一 下 UISwitch 所 支 持 的 属 性 将 对 象 库 中 的 UISwitch 控 件 拖 拽 到 Main.storyboard 编 辑 界 面 并 选 中,Xcode 右 侧 会 出 现 UISwitch 的 属 性 检 查 器 面 板, 具 体 如 图 2-34 所 示 图 2-34 UISwitch 控 件 的 属 性 检 查 器 面 板 从 图 2-34 中 可 以 看 出,UISwitch 控 件 属 性 检 查 器 面 板 中 的 属 性 比 较 少, 其 中,State 属 性 用 于 切 换 开 关 控 件 的 开 / 关 状 态, 应 用 程 序 可 以 通 过 属 性 on 或 方 法 ison 来 检 测 当 前 的 状 态 实 战 演 练 使 用 开 关 控 制 灯 泡 在 iphone 或 ipad 设 备 上, 经 常 会 看 到 类 似 于 手 电 筒 这 种 应 用, 它 的 界 面 比 较 简 单, 只 有 一 个 开 关 控 制 手 电 筒 的 打 开 关 闭 状 态, 出 于 这 种 设 计 思 路, 接 下 来, 我 们 使 用 开 关 控 件 UISwitch 来 控 制 灯 泡, 当 用 户 打 开 UISwitch 时, 应 用 程 序 界 面 的 灯 泡 图 片 是 点 亮 的, 当 用 户 关 闭 UISwitch 控 件 时, 灯 泡 的 图 片 是 熄 灭 的, 具 体 步 骤 如 下 : 1. 界 面 设 计 34

35 (1) 新 建 一 个 Single View Application 应 用, 名 称 为 05_UISwitch, 然 后 在 Main.storyboard 界 面 中 添 加 一 个 UIImageView 控 件 和 一 个 UISwitch 控 件, 其 中,UIImageView 控 件 用 于 显 示 灯 泡 的 图 片,UISwitch 控 件 用 于 显 示 开 关 (2) 将 提 前 准 备 好 的 图 片 放 到 Supporting Files 文 件 中, 并 将 UISwitch 控 件 的 初 始 状 态 设 置 为 打 开,UIImageView 控 件 的 初 始 图 片 是 灯 泡 点 亮 的 状 态, 设 计 好 的 界 面 如 图 2-35 所 示 图 2-35 使 用 开 关 控 制 灯 泡 的 界 面 2. 创 建 控 件 对 象 的 关 联 点 击 Xcode 6.1 界 面 右 上 角 的 图 标, 进 入 控 件 与 代 码 的 关 联 界 面, 为 UIImageView 控 件 添 加 表 示 图 片 对 象 的 属 性, 命 名 为 img; 同 理, 为 UISwitch 控 件 添 加 切 换 开 关 状 态 的 方 法, 命 名 为 change, 添 加 完 成 后 的 界 面 如 图 2-36 所 示 35

36 图 2-36 为 控 件 对 象 添 加 关 联 3. 通 过 代 码 实 现 灯 泡 开 关 的 控 制 完 成 控 件 对 象 的 关 联 后, 就 可 以 通 过 代 码 实 现 灯 泡 开 关 的 控 制 了 进 入 ViewController.m 文 件, 在 change 方 法 中, 首 先 判 断 灯 泡 切 换 时 的 状 态, 然 后 根 据 灯 泡 开 关 的 状 态 对 灯 泡 的 图 片 进 行 切 换 使 用 开 关 控 制 灯 泡 的 具 体 代 码 如 例 2-5 所 示 例 2-5 viewcontroller.m 1 #import "ViewController.h" ViewController () 3 -(IBAction)change:(id)sender; (weak, nonatomic) IBOutlet UIImageView *img; ViewController 7 - (void)viewdidload { 8 [super viewdidload]; 9 } 10 - (IBAction)change:(id)sender { 11 if(![sender ison]){ 12 // 获 取 文 件 的 名 称 13 NSString *filename=[nsstring stringwithformat:@"img_01.jpg"]; 14 // 加 载 图 片 15 UIImage *image=[uiimage imagenamed:filename]; 16 // 更 换 图 片 17 self.img.image=image; 18 }else { 19 // 获 取 文 件 的 名 称 20 NSString *filename=[nsstring stringwithformat:@"img_02.jpg"]; 21 // 加 载 图 片 22 UIImage *image=[uiimage imagenamed:filename]; 23 // 更 换 图 片 24 self.img.image=image; 25 } 26 } 在 例 2-5 中,change 方 法 是 控 制 灯 泡 开 关 的 核 心 代 码, 当 程 序 通 过 调 用 ison 方 法 后, 如 果 判 断 的 结 果 不 是 YES, 则 说 明 控 制 灯 泡 的 开 关 是 关 闭 状 态, 这 时, 将 当 前 界 面 的 图 片 使 用 img_02 替 换 同 理, 如 果 开 关 是 打 开 状 态, 则 将 当 前 页 面 的 图 片 替 换 为 img_01 4. 在 模 拟 器 上 运 行 程 序 36

37 点 击 Xcode 工 具 的 运 行 按 钮, 在 模 拟 器 上 运 行 程 序 程 序 运 行 成 功 后, 点 击 开 关 按 钮, 发 现 使 用 开 关 可 以 控 制 灯 泡 具 体 效 果 如 图 2-37 所 示 图 2-37 使 用 开 关 控 制 灯 泡 的 运 行 结 果 2.6 滑 块 控 件 (UISider) 滑 块 控 件 概 述 在 播 放 器 界 面, 经 常 可 以 看 到 类 似 于 进 度 条 的 控 件, 比 如, 音 量 的 控 制 播 放 进 度 的 控 制 在 ios 开 发 中, 这 种 使 用 滑 块 来 改 变 数 值 的 控 件 称 为 滑 块 控 件 滑 块 控 件 使 用 UISider 表 示, 它 继 承 自 UIControl, 是 一 个 可 以 与 用 户 进 行 交 互 的 控 件 接 下 来, 通 过 一 张 音 乐 播 放 的 图 片 来 展 示 UISider 的 应 用 场 景, 如 图 2-38 所 示 37

38 图 2-38 音 乐 播 放 器 的 的 界 面 图 2-38 所 示 的 是 一 个 音 乐 播 放 器 的 界 面, 该 播 放 器 中 的 歌 曲 播 放 进 度 就 是 一 个 滑 块 控 件, 它 可 以 通 过 拖 动 的 方 式 来 改 变 音 乐 的 播 放 进 度 同 学 习 其 他 控 件 一 样, 从 对 象 库 中 将 滑 块 控 件 拖 拽 到 Main.storyboard 编 辑 界 面 中 并 选 中, 在 Xcode 右 侧 查 看 UISider 的 属 性 检 查 器 面 板 中 的 相 关 属 性, 具 体 如 图 2-39 所 示 图 2-39 UISider 的 属 性 检 查 器 面 板 图 2-39 展 示 了 UISider 支 持 的 一 些 属 性, 这 些 属 性 都 可 以 改 变 UISider 的 状 态 同 时, 针 对 UISider 属 性 检 查 器 面 板 设 置 的 属 性,UISider 类 也 定 义 了 与 之 对 应 的 属 性, 接 下 来 通 过 一 张 表 来 列 举 UISider 的 常 见 属 性, 如 表 2-10 所 示 表 2-10 UISider 的 常 见 属 性 属 性 声 明 功 能 描 float value; 设 置 或 者 获 取 滑 块 的 值 38

39 @property(nonatomic) float minimumvalue; 设 置 滑 块 的 最 小 值, 默 认 为 float maximumvalue; 设 置 滑 块 的 最 大 值, 默 认 为 UIImage *minimumvalueimage; 设 置 滑 块 最 小 值 边 界 的 图 UIImage *maximumvalueimage; 设 置 滑 块 最 大 值 边 界 的 图 UIColor *minimumtracktintcolor; 设 置 小 于 滑 块 当 前 值 的 轨 道 颜 色, 默 认 为 蓝 UIColor *maximumtracktintcolor; 设 置 大 于 滑 块 当 前 值 的 轨 道 颜 色, 默 认 为 白 UIColor *thumbtintcolor; 设 置 当 前 拖 动 条 的 颜 色, 默 认 为 白 色 表 2-10 列 举 出 了 UISider 常 见 的 一 些 属 性, 它 们 都 可 以 改 变 滑 块 的 样 式 同 时 UISider 类 还 提 供 了 相 应 的 方 法, 用 来 定 制 滑 块 的 外 观, 接 下 来 通 过 一 张 表 来 列 举 UISider 的 常 见 方 法, 如 表 2-11 所 示 表 2-11 UISider 的 常 见 方 法 方 法 声 明 功 能 描 述 - (void)setthumbimage:(uiimage *)image forstate:(uicontrolstate)state; 设 置 滑 块 上 拖 动 条 的 图 片 - (void)setminimumtrackimage:(uiimage *)image forstate:(uicontrolstate)state; 设 置 滑 块 已 完 成 进 度 的 轨 道 图 片 - (void)setmaximumtrackimage:(uiimage *)image forstate:(uicontrolstate)state; 设 置 滑 块 未 完 成 进 度 的 轨 道 图 片 表 2-11 列 举 出 了 UISider 常 见 的 一 些 方 法, 这 些 方 法 都 需 要 传 入 UIImage 对 象, 使 用 图 片 来 改 变 UISider 的 外 观 实 战 演 练 使 用 滑 块 控 制 音 量 在 大 多 数 应 用 中, 音 量 的 控 制 都 是 通 过 滑 块 控 件 实 现 的 为 了 帮 助 大 家 更 好 地 学 习 滑 块 控 件 UISider 的 使 用, 接 下 来, 我 们 来 模 拟 实 现 一 个 控 制 音 量 的 功 能, 具 体 步 骤 如 下 : 1. 界 面 设 计 (1) 新 建 一 个 Single View Application 应 用, 名 称 为 06_UISider, 然 后 在 Main.storyboard 界 面 中 添 加 一 个 UISlider 控 件 一 个 UILabel 控 件 和 一 个 UIImageView 控 件, 其 中 UIImageView 用 于 显 示 图 片,UILabel 用 于 提 示 用 户 拖 动 滑 块,UISlider 用 于 根 据 不 同 的 阶 段 的 值 切 换 图 片 (2) 将 UISlider 控 件 的 的 Current 属 性 为 0.4,UILabel 控 件 的 text 属 性 设 置 为 提 示 : 请 拖 动 滑 块 改 变 音 量 39

40 (3) 将 提 前 准 备 好 的 图 片 资 源 放 到 Supporting Files 文 件 中, 为 UIImageView 设 置 默 认 显 示 的 图 片, 设 计 好 的 界 面 如 图 2-40 所 示 图 2-40 使 用 滑 块 控 制 音 量 的 界 面 2. 创 建 控 件 对 象 的 关 联 点 击 Xcode 6.1 界 面 右 上 角 的 图 标, 进 入 控 件 与 代 码 的 关 联 界 面, 选 中 UIImageView, 添 加 一 个 表 示 音 量 的 对 象, 命 名 为 voiceimagev, 同 样, 为 UISlider 控 件 添 加 一 个 表 示 音 量 控 制 的 滑 块 对 象, 命 名 为 slider, 添 加 完 成 后 的 界 面 如 图 2-41 所 示 图 2-41 创 建 控 件 对 象 关 联 后 的 界 面 3. 通 过 代 码 实 现 调 节 音 量 的 功 能 完 成 控 件 对 象 的 关 联 后, 就 可 以 通 过 代 码 实 现 调 节 音 量 的 功 能 了 进 入 ViewController.m 文 件, 根 据 滑 块 数 值 的 变 化 适 时 地 切 换 音 量 图 片, 具 体 代 码 如 例 2-6 所 示 例 2-6 ViewController.m 40

41 1 #import "ViewController.h" ViewController () 3 // 滑 块 (weak, nonatomic) IBOutlet UISlider *slider; 5 // 音 量 图 片 (weak, nonatomic) IBOutlet UIImageView *voiceimagev; ViewController 9 - (void)viewdidload { 10 // 1. 为 滑 块 控 件 UISider 添 加 监 听 器 11 [self.slider addtarget:self action:@selector(valuechange:) 12 forcontrolevents:uicontroleventvaluechanged]; 13 } 14 // 滑 块 数 值 发 生 变 化 时 会 调 用 的 方 法 15 - (void)valuechange:(uislider *)slider0 16 { 17 // 1. 设 置 图 片 的 数 量 18 int count = 4; 19 // 2. 获 取 滑 块 的 值 20 float level = slider0.value; 21 // 3. 根 据 滑 块 的 值 适 时 切 换 图 片 22 if (level>=0 && level<1.0/(count-1)) { 23 self.voiceimagev.image = [UIImage imagenamed:@"voice0.jpg"]; 24 }else if (level>=1.0/(count-1) && level<2.0/(count-1)){ 25 self.voiceimagev.image = [UIImage imagenamed:@"voice1.jpg"]; 26 }else if(level>=2.0/(count-1) && level<1){ 27 self.voiceimagev.image = [UIImage imagenamed:@"voice2.jpg"]; 28 }else if(level == 1){ 29 self.voiceimagev.image = [UIImage imagenamed:@"voice3.jpg"]; 30 } 31 } 在 例 2-6 中, 第 11~12 行 代 码 为 滑 块 控 件 添 加 监 听 器 方 法, 并 设 置 数 值 变 化 的 监 听 方 法 是 valuechange:, 第 15~31 行 代 码 则 是 方 法 valuechange 的 具 体 实 现, 该 方 法 通 过 划 分 UISider 控 件, 更 换 不 同 的 表 示 音 量 的 图 片, 从 而 实 现 了 对 音 量 的 控 制 4. 在 模 拟 器 上 运 行 程 序 点 击 Xcode 工 具 的 运 行 按 钮, 在 模 拟 器 上 运 行 程 序 程 序 运 行 成 功 以 后, 拖 动 滑 块, 发 现 音 量 可 以 根 据 滑 块 的 拖 动 来 改 变 大 小 使 用 滑 块 控 制 音 量 的 部 分 运 行 结 果 如 图 2-42 所 示 41

42 图 2-42 使 用 滑 块 实 现 音 量 调 节 2.7 分 段 控 件 (UISegmentControl) 分 段 控 件 概 述 目 前, 很 多 手 机 App 程 序 都 会 在 界 面 上 设 计 一 栏 按 钮, 这 些 按 钮 可 以 通 过 切 换, 在 屏 幕 上 展 现 不 同 的 内 容, 例 如, 网 易 新 闻 页 面 频 道 栏 中 的 头 条 娱 乐 图 片 等, 在 ios 中, 这 种 可 以 在 不 同 类 别 信 息 间 进 行 切 换 的 控 件, 称 为 分 段 控 件, 接 下 来, 通 过 一 张 图 片 来 展 示 分 段 控 件 的 应 用 场 景, 具 体 如 图 2-43 所 示 图 2-43 公 交 换 乘 的 应 用 分 段 控 件 使 用 UISegmentControl 表 示, 它 继 承 自 UIControl, 是 一 个 可 活 动 的 控 件 同 其 他 控 件 一 样, 分 段 控 件 也 可 以 通 过 拖 拽 的 方 式 创 建 将 对 象 库 中 的 UISegmentControl 控 件 拖 拽 到 42

43 Main.storyboard 编 辑 界 面 中 并 选 中, 在 Xcode 右 侧 会 出 现 UISegmentControl 的 属 性 检 查 器 面 板, 具 体 如 图 2-44 所 示 图 2-44 UISegmentControl 的 属 性 检 查 器 面 板 从 图 2-44 中 可 以 看 出,UISwitch 控 件 属 性 检 查 器 面 板 中 的 属 性 比 较 少, 其 中,Segments 属 性 的 值 是 一 个 整 数, 它 用 于 控 制 分 段 控 件 被 分 为 几 段,Segment 属 性 则 是 一 个 列 表 框, 它 所 包 含 的 列 表 项 随 着 Segments 属 性 设 置 的 值 而 改 变, 例 如,Segments 的 属 性 设 为 4, 那 么 Segment 的 列 表 框 将 包 含 4 个 列 表 项, 并 且 Segment 0 代 表 第 1 个 分 段,Segment 1 代 表 第 2 个 分 段, 以 此 类 推 实 战 演 练 使 用 分 段 控 件 控 制 花 朵 分 段 控 件 在 实 际 开 发 中 应 用 的 是 非 常 广 泛 的, 为 了 帮 助 大 家 更 好 地 掌 握 分 段 控 件, 接 下 来, 我 们 使 用 分 段 控 件 开 发 一 个 控 制 花 朵 颜 色 的 案 例, 该 案 例 中 共 有 3 个 分 段, 点 击 每 个 分 段 就 会 出 现 不 同 颜 色 的 花 朵, 具 体 步 骤 如 下 : 1. 界 面 设 计 (1) 新 建 一 个 Single View Application 应 用, 命 名 07_UISegmentControl, 然 后 在 Main.storyboard 界 面 中 添 加 一 个 UILabel 控 件 一 个 UIImageView 控 件 和 一 个 UISegmentControl 控 件, 其 中,UILabel 控 件 用 于 提 示 用 户 选 择 花 朵 颜 色,UIImageView 控 件 用 于 显 示 花 朵,UISegmentControl 控 件 用 于 控 制 花 朵 的 显 示 (2) 将 提 前 准 备 好 的 图 片 放 到 Supporting Files 文 件 中, 将 UISegmentControl 的 Segments 属 性 设 置 为 3,Segment 属 性 分 别 设 置 为 对 应 的 花 朵 图 片, 设 计 好 的 界 面 如 图 2-45 所 示 43

44 图 2-45 使 用 分 段 控 件 控 件 花 朵 的 界 面 2. 创 建 控 件 对 象 的 关 联 点 击 Xcode 6.1 界 面 右 上 角 的 图 标, 进 入 控 件 与 代 码 的 关 联 界 面, 为 UIImageView 控 件 添 加 表 示 图 片 对 象 的 属 性, 命 名 为 img; 同 理, 为 UISegmentControl 控 件 添 加 点 击 按 钮 的 方 法, 命 名 为 selectchange, 添 加 完 成 后 的 界 面 如 图 2-46 所 示 图 2-46 为 控 件 对 象 创 建 关 联 3. 通 过 代 码 实 现 用 户 登 录 的 功 能 完 成 控 件 对 象 的 关 联 后, 就 可 以 通 过 代 码 实 现 花 朵 的 切 换 了 进 入 ViewController.m 文 件, 在 selectchange 方 法 中, 根 据 分 段 控 件 的 Segment 属 性 判 断 点 击 的 是 哪 个 分 段, 从 而 控 制 不 同 颜 色 花 朵 的 显 示 使 用 分 段 控 件 控 制 花 朵 的 具 体 代 码 如 例 2-7 所 示 例 2-7 viewcontroller.m 1 #import "ViewController.h" 44

45 ViewController () 3 - (IBAction)selectchange:(id)sender;// 声 明 用 于 切 换 图 片 的 分 段 控 件 (weak, nonatomic) IBOutlet UIImageView *img;// 声 明 一 个 图 片 控 件 ViewController 7 - (void)viewdidload { 8 [super viewdidload]; 9 } 10 - (IBAction)selectchange:(id)sender { 11 // 创 建 要 切 换 的 图 片 对 象 12 UIImage *img1=[uiimage imagenamed:@"flower_01.jpg"]; 13 UIImage *img2=[uiimage imagenamed:@"flower_02.jpg"]; 14 UIImage *img3=[uiimage imagenamed:@"flower_03.jpg"]; 15 switch ([sender selectedsegmentindex]) { 16 case 0: 17 self.img.image=img1; 18 break; 19 case 1: 20 self.img.image=img2; 21 break; 22 case 2: 23 self.img.image=img3; 24 break; 25 default: 26 break; 27 } 28 } 在 例 2-7 中, 第 12~14 行 代 码 创 建 了 三 个 UIImage 对 象, 第 15~28 行 代 码 通 过 判 断 分 段 控 件 选 中 的 位 置, 为 UIImageView 对 象 设 置 图 片 4. 在 模 拟 器 上 运 行 程 序 点 击 Xcode 工 具 的 运 行 按 钮, 在 模 拟 器 上 运 行 程 序 程 序 运 行 成 功 后, 点 击 分 段 控 件 中 的 每 个 分 段, 发 现 分 段 控 件 可 以 按 照 期 望 控 制 不 同 颜 色 的 花 朵 了 具 体 效 果 如 图 2-47 所 示 45

46 图 2-47 使 用 分 段 控 件 控 制 花 朵 的 运 行 结 果 2.8 数 据 选 择 控 件 日 期 选 择 控 件 (UIDatePicker) UIDatePicker 是 一 个 可 以 用 来 选 择 日 期 和 时 间 的 控 件, 它 继 承 自 UIControl, 是 一 个 可 以 与 用 户 交 互 的 控 件 例 如, 计 时 器 应 用 中 就 用 到 了 UIDatePicker 控 件, 如 图 2-48 所 示 图 2-48 计 时 器 应 用 46

47 UIDatePicker 控 件 同 样 可 以 通 过 拖 拽 的 方 式 创 建, 从 对 象 库 中 找 到 UIDatePicker 控 件, 并 将 其 拖 拽 到 Main.storyboard 编 辑 界 面 中, 这 时, 在 Xcode 右 侧 看 到 UIDatePicker 属 性 检 查 器 面 板 中 的 相 关 属 性, 具 体 如 图 2-49 所 示 图 2-49 UIDatePicker 的 属 性 检 查 器 面 板 图 2-49 显 示 的 是 UIDatePicker 所 支 持 的 一 些 属 性, 其 中,Mode 和 Date 属 性 都 支 持 多 种 选 项, 下 面 针 对 这 两 种 属 性 进 行 详 细 讲 解 : 1. Mode Mode 属 性 用 于 设 置 UIDatePicker 的 模 式, 它 包 含 4 种 选 项, 单 击 Mode 属 性 的 下 拉 列 表, 具 体 如 图 2-50 所 示 图 2-50 mode 属 性 的 四 种 选 项 从 图 2-50 中 可 以 看 出,UIDatePicker 控 件 有 四 种 模 式 可 以 选 择, 这 四 种 模 式 的 相 关 讲 解 具 体 如 下 : Time: 该 UIDatePicker 控 件 只 显 示 时 间, 不 显 示 日 期 Date: 该 UIDatePicker 控 件 只 显 示 日 期, 不 显 示 时 间 47

48 Date and Time: 该 UIDatePicker 控 件 同 时 选 择 日 期 和 时 间 Count Down Timer: 该 UIDatePicker 控 件 仅 显 示 倒 计 时 器 2. Date Date 属 性 用 于 设 置 日 期 选 择 器 的 当 前 时 间, 它 包 含 两 个 选 项, 单 击 Date 属 性 的 下 拉 列 表, 具 体 如 图 2-51 所 示 图 2-51 Date 属 性 的 选 项 从 图 2-51 可 以 看 出,Date 属 性 支 持 两 种 选 项, 这 两 种 选 项 所 表 示 的 含 义 具 体 如 下 : Current Date: 表 示 系 统 当 前 的 时 间 Custom: 表 示 自 定 义 的 时 间, 该 时 间 用 户 可 以 任 意 指 定 针 对 日 期 选 择 控 件 在 属 性 检 查 器 面 板 中 所 支 持 的 属 性,UIDatePicker 类 提 供 了 对 应 的 属 性, 接 下 来, 通 过 一 张 表 来 描 述 UIDatePicker 类 提 供 的 常 见 属 性, 具 体 如 表 2-12 所 示 表 2-12 UIDatePicker 提 供 的 常 见 属 性 属 性 声 明 功 能 描 (nonatomic) UIDatePickerMode datepickermode; 设 置 UIDatePicker 的 模 (nonatomic, retain) NSLocale *locale; 设 置 UIDatePicker 为 国 际 化 时 (nonatomic, retain) NSDate *date; 设 置 UIDatePicker (nonatomic) NSTimeInterval countdownduration; 当 UIDatePicker 模 式 为 Count Down Timer 时, 设 置 剩 余 时 间 表 2-12 中 列 举 了 UIDatePicker 类 的 常 见 属 性, 其 中,countDownDuration 属 性 是 专 门 针 对 CountDown Timer 模 式 的, 它 用 于 获 取 倒 计 时 的 剩 余 时 间 实 战 演 练 倒 计 时 在 UIDatePicker 的 属 性 检 查 器 面 板 中, 如 果 将 Mode 属 性 设 置 为 Count Down Timer, 就 可 以 将 UIDatePicker 控 件 当 做 倒 计 时 器 使 用 接 下 来, 通 过 一 个 案 例 来 演 示 如 何 使 用 UIDatePicker 控 件 实 现 倒 计 时 的 功 能, 具 体 步 骤 如 下 : 1. 界 面 设 计 48

49 (1) 新 建 一 个 Single View Application 应 用, 命 名 08_UIDatePicker, 然 后 在 Main.storyboard 界 面 中 添 加 一 个 UIDatePicker 控 件 一 个 UIButton 控 件, 其 中,UIDatePicker 控 件 用 于 显 示 时 间, UIButton 控 件 用 于 开 始 计 时 为 了 界 面 美 观, 我 们 在 界 面 中 添 加 几 个 UIImageView 控 件, 作 为 倒 计 时 的 图 标 (2) 将 提 前 准 备 好 的 图 片 放 到 Supporting Files 文 件 中, 将 UIDatePicker 控 件 的 Mode 属 性 设 置 为 Count Down Timer,Date 属 性 设 置 Custom, 设 计 好 的 界 面 如 图 2-52 所 示 图 2-52 倒 计 时 界 面 2. 创 建 控 件 对 象 的 关 联 点 击 Xcode 6.1 界 面 右 上 角 的 图 标, 进 入 控 件 与 代 码 的 关 联 界 面, 为 UIDatePicker 控 件 创 建 表 示 日 期 控 件 的 属 性, 命 名 为 datepicker, 为 UIButton 控 件 添 加 点 击 事 件, 命 名 为 click 另 外, 由 于 点 击 按 钮 后, 相 当 于 启 动 了 定 时 器 更 新 UIDatePicker 控 件, 这 时, 需 要 禁 用 UIButton 控 件 和 UIDatePicker 控 件, 并 更 改 按 钮 前 面 的 图 片, 因 此, 需 要 为 UIButton UIDatePicker 和 UIImageView 分 别 添 加 一 个 属 性 添 加 完 成 后 的 界 面 如 图 2-53 所 示 49

50 图 2-53 创 建 控 件 对 象 的 关 联 3. 通 过 代 码 实 现 用 户 登 录 的 功 能 完 成 控 件 对 象 的 关 联 后, 就 可 以 通 过 代 码 实 现 倒 计 时 的 功 能 了, 进 入 ViewController.m 文 件, 在 click 方 法 中, 首 先 获 取 倒 计 时 的 剩 余 时 间, 然 后 启 动 定 时 器 定 时 更 新 UIDatePicker 的 时 间 ViewController.m 文 件 的 代 码 如 例 2-8 所 示 例 2-8 viewcontroller.m 1 #import "ViewController.h" ViewController () 3 - (IBAction)click:(id)sender; (weak, nonatomic) IBOutlet UIButton *btn_start; (weak, nonatomic) IBOutlet UIImageView *img; (weak, nonatomic) IBOutlet UIDatePicker *datepicker; ViewController 9 NSTimer *timer; 10 NSTimeInterval lefttime; 11 - (void)viewdidload { 12 [super viewdidload]; 13 } 14 - (IBAction)click:(id)sender { 15 // 获 取 倒 计 时 器 的 剩 余 时 间 16 lefttime=self.datepicker.countdownduration; 50

51 17 // 禁 用 UIDatePicker 和 UIButton 控 件 18 self.datepicker.enabled=no; 19 [sender setenabled:no]; 20 // 替 换 图 片 21 UIImage *image=[uiimage 22 self.img.image=image; 23 // 初 始 化 一 个 字 符 串, 用 于 提 示 用 户 开 始 倒 计 时 24 NSString *message=[nsstring 您 还 剩 下 %f 秒 ", lefttime]; 25 // 创 建 一 个 警 告 框, 提 示 开 始 倒 计 时 26 UIAlertView *alert=[[uialertview 开 始 倒 计 时 " 27 message:message delegate:nil 确 定 " 28 otherbuttontitles:nil, nil]; 29 // 显 示 UIAlertView 控 件 30 [alert show]; 31 // 启 用 计 时 器, 控 制 每 隔 60 秒 执 行 一 次 tickdown 方 法 32 timer=[nstimer scheduledtimerwithtimeinterval:60 target:self 33 repeats:yes]; 34 } 35 -(void) tickdown{ 36 lefttime-=60; 37 self.datepicker.countdownduration=lefttime; 38 if (lefttime<=0) { 39 // 取 消 定 时 器 40 [timer invalidate]; 41 // 启 用 UIDatePicker 和 UIButton 控 件, 42 self.datepicker.enabled=yes; 43 self.btn_start.enabled=yes; 44 // 替 换 图 片 45 UIImage *image=[uiimage imagenamed:@"img_02"]; 46 self.img.image=image; 47 } 48 } 在 例 2-8 中,click 方 法 是 实 现 倒 计 时 功 能 的 具 体 实 现, 在 该 方 法 中, 第 32~34 行 代 码 启 动 了 一 个 定 时 器, 用 于 控 制 每 隔 60 秒 执 行 一 次 tickdown 方 法, 而 tickdown 方 法 每 执 行 一 次, 程 序 就 会 将 剩 余 时 间 减 少 60 秒, 直 到 剩 余 时 间 小 于 等 于 0 为 止 4. 在 模 拟 器 上 运 行 程 序 51

52 点 击 Xcode 工 具 的 运 行 按 钮, 在 模 拟 器 上 运 行 程 序 程 序 运 行 成 功 后, 点 击 开 始 计 时 的 按 钮, 会 弹 出 一 个 提 示 框, 提 示 剩 余 时 间, 点 击 确 定 按 钮 后, 就 可 以 看 到 该 倒 计 时 器 每 隔 60 秒 跳 动 一 次, 剩 余 时 间 减 少 1 分 钟 以 开 始 时 间 为 1 小 时 4 分 钟 为 例, 倒 计 时 的 效 果 如 图 2-54 所 示 图 2-54 倒 计 时 效 果 选 择 控 件 (UIPickerView) 除 了 日 期 选 择 控 件 外, 还 有 一 种 选 择 控 件 是 UIPickerView, 它 直 接 继 承 于 UIView, 是 一 个 既 能 生 成 单 列 选 择 器, 也 能 生 成 多 列 选 择 器, 又 能 自 定 义 外 观 的 静 态 控 件 为 了 让 大 家 更 好 地 认 识 什 么 是 选 择 控 件, 接 下 来 通 过 一 张 图 片 展 示 UIPickerView 的 使 用 场 景, 如 图 2-55 所 示 图 2-55 UIPickerView 的 使 用 场 景 图 2-55 所 示 的 是 一 个 水 果 机 应 用 的 界 面, 该 应 用 界 面 中 的 水 果 选 择 控 件 是 使 用 UIPickerView 实 现 的 52

53 同 样, 将 UIPickerView 从 对 象 库 中 拖 拽 到 Main.storyboard 编 辑 界 面 并 选 中, Xcode 右 侧 出 现 了 UIPickerView 的 属 性 检 查 器 面 板, 该 面 板 用 于 设 置 UIPickerView 的 相 关 属 性, 具 体 如 图 2-56 所 示 图 2-56 UIPickerView 的 属 性 检 查 器 面 板 图 2-56 展 示 了 UIPickerView 的 Behavior 属 性, 该 属 性 用 于 显 示 选 中 行 的 标 记, 一 般 以 高 亮 背 景 作 为 选 中 标 记 同 时,UIPickerView 类 也 提 供 了 相 应 的 属 性, 接 下 来 通 过 一 张 表 来 列 举 UIPickerView 的 常 见 属 性, 如 表 2-13 所 示 表 2-13 UIPickerView 的 常 见 属 性 方 法 声 明 功 能 描 id<uipickerviewdatasource> 设 置 数 据 源 id<uipickerviewdelegate> 设 置 代 理 delegate; 设 置 是 否 显 示 BOOL showsselectionindicator; 的 选 中 标 记 获 取 UIPickerView 指 定 列 NSInteger 包 含 的 列 表 项 的 数 量, 该 属 性 numberofcomponents; 权 限 为 只 读 表 2-13 列 举 了 UIPickerView 的 一 些 常 见 属 性, 其 中 datasource 和 delegate 这 两 个 属 性 非 常 重 要, 接 下 来, 针 对 它 们 进 行 详 细 地 讲 解 1. datasource datasource 代 表 数 据 源, 该 属 性 用 于 指 定 UIPickerView 的 数 据 源, 提 供 丰 富 的 内 容, 但 是 前 提 要 遵 守 UIPickerViewDataSource 协 议, 该 协 议 的 定 义 方 式 如 下 所 示 UIPickerViewDataSource<NSObject> // 数 据 源 协 53

54 // 返 回 选 择 器 总 共 有 多 少 列 - (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerview; // 返 回 选 择 器 每 列 总 共 有 多 少 行 - (NSInteger)pickerView:(UIPickerView *)pickerview 从 上 述 可 以 看 出,UIPickerViewDataSource 协 议 定 义 了 两 个 方 法, 这 些 方 法 是 使 关 键 字 修 饰 的 必 须 要 实 现 的 方 法, 通 过 委 托 代 理 的 方 式 限 制 数 据 信 息 的 展 示 的 样 式, 比 如 行 数 和 列 数, 因 此 我 们 又 称 之 为 数 据 源 协 议 2. delegate delegate 表 示 代 理, 该 属 性 用 于 设 定 UIPickerView 的 代 理, 实 现 代 理 对 UIPickerView 的 监 听, 但 是 前 提 要 遵 守 UIPickerViewDelegate 协 议, 该 协 议 的 定 义 方 式 如 下 所 示 UIPickerViewDelegate<NSObject> // 代 理 协 // 返 回 第 component 列 每 一 行 的 宽 度 - (CGFloat)pickerView:(UIPickerView *)pickerview widthforcomponent:(nsinteger)component; // 返 回 第 component 列 每 一 行 的 高 度 - (CGFloat)pickerView:(UIPickerView *)pickerview rowheightforcomponent:(nsinteger)component; // 设 置 选 择 器 每 行 显 示 的 文 本 内 容 - (NSString *)pickerview:(uipickerview *)pickerview titleforrow:(nsinteger)row forcomponent:(nsinteger)component; // 设 置 选 择 器 每 行 显 示 的 视 图 内 容 - (UIView *)pickerview:(uipickerview *)pickerview viewforrow:(nsinteger)row forcomponent:(nsinteger)component reusingview:(uiview *)view; // 点 击 选 择 器 某 列 某 行 时, 就 会 调 用 这 个 方 法 - (void)pickerview:(uipickerview *)pickerview didselectrow:(nsinteger)row 从 上 述 可 以 看 出,UIPickerViewDelegate 协 议 定 义 了 一 些 方 法, 这 些 方 法 都 可 以 展 示 选 择 器 每 行 每 列 的 信 息, 且 方 法 是 可 选 择 实 现 的 例 如 pickerview: titleforrow: forcomponent 方 法 根 据 相 应 的 数 据, 展 示 选 择 器 每 行 对 应 的 文 本 内 容 除 了 协 议 方 法 之 外,UIPickerView 类 也 定 义 了 一 些 常 见 的 方 法, 接 下 来 通 过 一 张 表 列 举 UIPickerView 的 常 见 方 法, 如 表 2-14 所 示 表 2-14 UIPickerView 的 常 见 方 法 方 法 声 明 功 能 描 述 54

55 - (NSInteger)numberOfRowsInComponent: (NSInteger)component; - (CGSize)rowSizeForComponent: (NSInteger)component; - (UIView *)viewforrow:(nsinteger)row forcomponent:(nsinteger)component; 返 回 第 component 列 有 多 少 行 返 回 第 component 列 中 一 行 的 尺 寸 设 置 选 择 器 某 列 某 行 的 视 图 内 容 - (void)reloadallcomponents; 刷 新 所 有 列 的 数 据 - (void)reloadcomponent:(nsinteger) 刷 新 某 一 列 的 数 据 component; - (void)selectrow:(nsinteger)row incomponent:(nsinteger)component 设 置 是 否 动 画 选 中 某 列 某 行 animated:(bool)animated; - (NSInteger)selectedRowInComponent: 返 回 选 中 的 是 第 component 列 的 第 几 行 (NSInteger)component; 表 2-14 列 举 了 UIPickerView 类 一 些 常 见 的 方 法, 这 些 方 法 配 合 使 用, 可 以 协 调 展 示 不 同 样 式 的 选 择 器 实 战 演 练 点 菜 系 统 随 着 社 会 的 发 展, 人 们 对 生 活 质 量 的 要 求 不 断 提 高, 也 越 来 越 注 重 于 饮 食 去 酒 店 吃 饭 成 了 人 们 生 活 中 的 一 部 分 为 了 提 高 酒 店 的 服 务 质 量, 开 发 一 套 完 善 的 酒 店 点 菜 系 统 是 必 要 的 接 下 来, 带 领 大 家 使 用 UIPickerView 开 发 一 个 点 餐 系 统, 具 体 步 骤 如 下 : 1. 界 面 设 计 (1) 新 建 一 个 Single View Application 应 用, 名 称 为 09_UIPickerView, 然 后 在 Main.storyboard 界 面 中 添 加 一 个 UIPickerView 一 个 UIView 三 个 UIButton 和 九 个 UILabel, 其 中 UIPickerView 用 于 滚 动 选 中 菜 系 内 容,UILabel 用 于 显 示 选 择 器 选 中 的 菜 系,UIButton 用 于 钮 UIPickerView 随 机 选 中 菜 系 (2) 设 置 UIView 的 背 景 颜 色, 并 用 于 保 存 菜 系 数 据 的 foods.plist 文 件 放 到 Supporting Files 文 件 中, 设 计 好 的 界 面 如 图 2-57 所 示 55

56 图 2-57 点 菜 系 统 界 面 2. 创 建 控 件 对 象 的 关 联 (1) 点 击 Main.storyboard 左 下 角 的 图 标, 打 开 Objects 列 表 区, 选 中 UIPickerView 右 击, 弹 出 一 个 黑 框 列 表, 从 该 列 表 datasource 选 项 后 的 空 圆 圈 拖 线 到 Objects 列 表 区 中 的 控 制 器 文 件, 设 置 UIPickerView 的 datasource 为 控 制 器, 具 体 如 图 2-58 所 示 图 2-58 设 置 UIPickerView 的 datasource 为 控 制 器 (2) 同 样 的 方 式, 设 置 UIPickerView 的 delegate 为 控 制 器, 具 体 如 图 2-59 所 示 56

57 图 2-59 设 置 UIPickerView 的 delegate 为 控 制 器 (3) 使 用 控 件 和 代 码 关 联 的 方 式, 为 UIButton 添 加 点 击 事 件, 添 加 UILabel 和 UIPickerView 属 性, 添 加 完 成 后 的 界 面 如 图 2-60 所 示 图 2-60 完 成 控 件 对 象 关 联 的 界 面 3. 通 过 代 码 实 现 点 菜 的 功 能 完 成 控 件 对 象 的 关 联 后, 就 可 以 通 过 代 码 实 现 点 菜 的 功 能 了 进 入 ViewController.m 文 件, 遵 守 数 据 源 和 代 理 协 议, 将 数 据 信 息 展 示 到 UIPickerView 控 件 中, 并 将 选 中 的 行 内 容 显 示 到 对 应 UILabel 上, 具 体 代 码 如 例 2-9 所 示 57

58 1 #import "ViewController.h" 例 2-9 ViewController.m 2 // 遵 守 数 据 源 和 代 理 协 议 ViewController ()<UIPickerViewDataSource, UIPickerViewDelegate> (nonatomic, strong)nsarray *foods; // 保 存 plist 文 件 中 所 有 的 food 5 // (weak, nonatomic) IBOutlet UILabel *fruitlabel; (weak, nonatomic) IBOutlet UILabel *mainlabel; (weak, nonatomic) IBOutlet UILabel *drinklabel; (weak, nonatomic) IBOutlet UIPickerView *pickerview; 10 - (IBAction)random; // 生 成 随 机 套 餐 方 法 11 - (IBAction)certain; // 确 定 方 法 12 - (IBAction)cancel; // 取 消 方 法 ViewController 15 // 懒 加 载 数 组 16 - (NSArray *)foods 17 { 18 if (_foods == nil) { 19 _foods = [NSArray arraywithcontentsoffile:[[nsbundle mainbundle] 20 pathforresource:@"foods" oftype:@"plist"]]; 21 } 22 return _foods; 23 } 24 - (void)viewdidload { 25 [super viewdidload]; 26 for (int i = 0; i < 3; i++) { // 选 中 每 一 列 的 第 一 行 27 [self pickerview:nil didselectrow:0 incomponent:i]; 28 } 29 } 30 #pragma mark - UIPickerViewDataSource 31 // 总 共 有 多 少 列 32 - (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerview 33 { 34 return self.foods.count; 35 } 36 // 每 列 总 共 有 多 少 行 37 - (NSInteger)pickerView:(UIPickerView *)pickerview 58

59 38 numberofrowsincomponent:(nsinteger)component 39 { 40 NSArray *subfood = self.foods[component]; 41 return subfood.count; 42 } 43 #pragma mark - UIPickerViewDelegate 44 // 第 component 列 的 第 row 行 显 示 文 字 内 容 45 - (NSString *)pickerview:(uipickerview *)pickerview 46 titleforrow:(nsinteger)row forcomponent:(nsinteger)component 47 { 48 return self.foods[component][row]; 49 } 50 // 选 中 了 第 component 列 的 第 row 行 51 - (void)pickerview:(uipickerview *)pickerview didselectrow:(nsinteger)row 52 incomponent:(nsinteger)component 53 { 54 // 将 选 中 行 的 文 本 显 示 到 对 应 的 Label 55 if (component == 0) { // 水 果 Label 56 self.fruitlabel.text = self.foods[component][row]; 57 }else if (component == 1){ // 主 菜 Label 58 self.mainlabel.text = self.foods[component][row]; 59 }else if(component == 2){ // 饮 料 Label 60 self.drinklabel.text = self.foods[component][row]; 61 } 62 } 63 // 设 置 行 高 64 - (CGFloat)pickerView:(UIPickerView *)pickerview 65 rowheightforcomponent:(nsinteger)component 66 { 67 return 35; 68 } 69 // 随 机 选 中 一 份 套 餐 70 - (IBAction)random { 71 for (int component = 0; component < self.foods.count; component++) { 72 // 1. 第 component 列 数 组 的 总 长 度 73 int count = [self.foods[component] count]; 74 // 2. 旧 的 行 号 75 int oldrow = [self.pickerview selectedrowincomponent:component]; 59

60 76 // 3. 第 几 行 ( 默 认 新 的 行 号 跟 旧 的 行 号 一 样 ) 77 int row = oldrow; 78 // 4. 保 证 行 数 跟 上 一 次 不 一 样 79 while (row == oldrow) { 80 row = arc4random()%count; 81 } 82 // 5. 让 pickerview 主 动 选 中 第 compoent 列 的 第 row 行 83 [self.pickerview selectrow:row incomponent:component animated:yes]; 84 // 6. 设 置 label 的 文 字 85 [self pickerview:nil didselectrow:row incomponent:component]; 86 } 87 } 88 // 点 击 确 定 89 - (IBAction)certain { 90 // 提 示 用 户 点 餐 成 功 91 UIAlertView *alert = [[UIAlertView alloc] initwithtitle:@" 点 餐 成 功 " 92 message:@" 请 稍 后 " delegate:nil cancelbuttontitle:@" 好 的 " 93 otherbuttontitles:nil, nil]; 94 [alert show]; 95 } 96 // 点 击 取 消 97 - (IBAction)cancel { 98 // 直 接 回 到 初 始 化 时 候 99 for (int i = 0; i < 3; i++) { 100 [self pickerview:nil didselectrow:0 incomponent:i]; 101 [self.pickerview selectrow:0 incomponent:i animated:yes]; 102 } 103 } 在 例 2-9 中, 第 3 行 代 码 遵 守 了 数 据 源 和 代 理 协 议, 第 4 行 代 码 定 义 了 一 个 数 组, 用 于 保 存 plist 文 件 中 所 有 的 foods 数 据, 第 5~22 行 代 码 使 用 懒 加 载 的 方 法 初 始 化 数 组,29~37 行 代 码 分 别 为 数 据 源 和 代 理 协 议 中 定 义 的 一 些 方 法, 用 于 展 示 数 组 中 的 数 据, 第 68~102 行 代 码 分 别 为 点 击 随 机 确 定 和 取 消 按 钮 后 执 行 的 行 为 4. 在 模 拟 器 上 运 行 程 序 点 击 Xcode 工 具 的 运 行 按 钮, 在 模 拟 器 上 运 行 程 序 程 序 运 行 成 功 后,UIPickerView 选 中 的 数 据 成 功 的 展 示 到 Label 中, 点 击 随 机 确 定 和 取 消 按 钮, 也 都 一 一 对 应 完 成 了 相 应 的 功 能 程 序 运 行 结 果 的 部 分 结 果 如 图 2-61 所 示 60

61 图 2-61 程 序 运 行 部 分 场 景 图 多 学 一 招 : 懒 加 载 我 们 知 道 ios 设 备 的 内 存 有 限 如 果 在 程 序 在 启 动 后 就 一 次 性 加 载 应 用 程 序 将 来 会 用 到 的 所 有 资 源 ( 例 如 大 量 数 据 图 片 音 频 等 ), 那 么 就 有 可 能 会 耗 尽 ios 设 备 的 内 存, 就 会 造 成 应 用 程 序 运 行 缓 慢, 或 者 出 现 卡 顿, 甚 至 于 应 用 程 序 会 发 生 崩 溃 同 很 多 语 言 一 样,iOS 中 用 懒 加 载 的 方 式 来 加 载 这 些 资 源, 对 这 些 资 源 进 行 合 理 化 的 管 理 懒 加 载 又 称 之 为 延 迟 加 载, 说 的 通 俗 一 点, 就 是 在 开 发 中, 程 序 启 动 的 时 候 不 立 刻 使 用 的 资 源 先 不 加 载, 当 程 序 运 行 的 时 候 中 需 要 使 用 资 源 的 时 候 再 去 加 载 它 懒 加 载 用 于 get 方 法 主 要 有 以 下 好 处 : 效 率 低, 占 用 内 存 小 不 必 将 创 建 对 象 的 代 码 全 部 写 在 viewdidload 方 法 中, 代 码 的 可 读 性 更 强 每 个 控 件 的 get 方 法 中 负 责 自 身 的 实 例 化, 代 码 彼 此 之 间 的 独 立 性 强, 耦 合 度 低 2.9 屏 幕 滚 动 控 件 (UIScrollView) 屏 幕 滚 动 控 件 概 述 移 动 设 备 的 屏 幕 大 小 是 极 其 有 限 的, 因 此 直 接 展 示 在 用 户 眼 前 的 内 容 也 是 有 限 的 当 屏 幕 展 示 的 内 容 较 多 超 出 一 个 屏 幕 时, 用 户 可 以 通 过 滚 动 的 方 式 来 查 看 屏 幕 外 的 内 容 在 ios 中, UIScrollView 是 一 个 支 持 滚 动 的 控 件, 它 直 接 继 承 自 UIView, 可 以 用 来 展 示 大 量 的 内 容, 并 且 可 以 通 过 滚 动 的 方 式 查 看 所 有 的 内 容 为 了 让 大 家 更 好 地 理 解, 接 下 来 通 过 一 张 图 片 来 展 示 UIScrollView 的 使 用 场 景, 如 图 2-62 所 示 61

62 图 2-62 UIScrollView 的 使 用 场 景 图 2-62 是 一 个 新 闻 页 面, 该 页 面 有 很 多 内 容 需 要 展 示, 因 此, 该 页 面 中 包 含 了 一 个 UIScrollView 控 件, 用 户 可 以 通 过 滚 动 的 方 式 来 在 有 限 的 屏 幕 中 查 看 更 多 内 容 UIScrollView 控 件 同 其 他 控 件 一 样, 都 包 含 很 多 属 性, 同 样, 从 对 象 库 中 找 到 Scroll View, 将 其 拖 拽 到 Main.storyboard 编 辑 界 面 中, 在 Xcode 右 侧 会 出 现 UIScrollView 的 属 性 检 测 器 面 板, 该 面 板 可 以 设 置 UIScrollView 的 相 关 属 性, 具 体 如 图 2-63 所 示 图 2-63 UIScrollView 的 属 性 检 测 器 面 板 针 对 UIScrollView 属 性 检 查 器 面 板 设 置 的 属 性,UIScrollView 类 也 定 义 了 与 之 对 应 的 属 性, 接 下 来 通 过 一 张 表 来 列 举 UIScrollView 的 常 见 属 性, 如 表 2-15 所 示 62

63 属 性 声 明 表 2-15 UIScrollView 的 常 见 属 性 功 能 描 CGPoint contentoffset; 设 置 滚 动 视 图 的 滚 动 偏 移 CGSize contentsize; 设 置 滚 动 视 图 的 滚 动 范 UIEdgeInsets id<uiscrollviewdelegate> BOOL BOOL BOOL BOOL CGFloat CGFloat maximumzoomscale; 设 置 滚 动 视 图 的 额 外 滚 动 区 域 设 置 代 理 设 置 滚 动 视 图 是 否 允 许 滚 动 设 置 滚 动 视 图 是 否 开 启 分 页 设 置 滚 动 视 图 是 否 显 示 水 平 滚 动 条 设 置 滚 动 视 图 是 否 显 示 垂 直 滚 动 条 设 置 滚 动 视 图 的 最 小 缩 放 比 例 设 置 滚 动 视 图 的 最 大 缩 放 比 BOOL scrollstotop; 设 置 滚 动 视 图 是 否 滚 动 到 顶 部 表 2-15 列 举 了 UIScrollView 的 常 见 属 性, 其 中 contentoffset contentsize contentinset 是 UIScrollView 支 持 的 三 个 控 件 显 示 区 域 属 性, delegate 为 代 理 属 性, 这 些 属 性 都 比 较 重 要, 接 下 来 针 对 这 几 个 属 性 进 行 详 细 介 绍 1. contentsize 该 属 性 是 一 个 CGSize 类 型 的 值,CGSize 是 一 个 结 构 体 类 型, 它 包 含 width height 两 个 成 员 变 量, 代 表 着 该 UIScrollView 所 需 要 显 示 内 容 的 完 整 高 度 和 完 整 宽 度 例 如, 内 容 视 图 为 灰 色 部 分, 它 的 大 小 为 , 而 ScrollView 视 图 的 大 小 只 有 , 由 于 内 容 视 图 超 出 了 ScrollView 可 显 示 的 大 小, 因 此, 需 要 滚 动 屏 幕 来 查 看 内 容, 具 体 如 图 2-64 所 示 63

64 contentsize.width Text Field frame.width frame.height 内 容 视 图 contentsize.height Button 图 2-64 contentsize 属 性 2. contentinset 该 属 性 是 一 个 UIEdgeInsets 类 型 的 值,UIEdgeInsets 也 是 一 个 结 构 体 类 型, 它 包 含 top left bottom right 四 个 成 员 变 量, 分 别 代 表 着 该 UIScrollView 所 需 要 显 示 内 容 在 上 左 下 右 的 留 白 例 如, 内 容 视 图 为 灰 色 部 分, 它 的 大 小 为 , 而 ScrollView 的 大 小 只 有 , 由 于 内 容 视 图 超 出 了 ScrollView 可 显 示 的 大 小, 并 且 上 方 要 留 一 部 分 空 白 显 示 其 他 控 件, 因 此, 需 要 滚 动 屏 幕 来 查 看 内 容, 具 体 如 图 2-65 所 示 Text Field contentinset.top 内 容 视 图 Button 图 2-65 contentinset 属 性 64

65 3. contentoffset 该 属 性 是 一 个 CGPoint 类 型 的 值,CGPoint 也 是 一 个 结 构 体 类 型, 它 包 含 x y 两 个 成 员 变 量, 代 表 内 容 视 图 的 坐 标 原 点 与 该 UIScrollView 坐 标 原 点 的 偏 移 量, 具 体 如 图 2-66 所 示 contentoffset.y Text Field Text Field 内 容 视 图 Button 图 2-66 contentoffset 属 性 4. delegate 该 属 性 是 一 个 id 类 型 的 值, 它 可 以 指 定 代 理 对 象 在 ScrollView 中 定 义 了 一 个 UIScrollViewDelegate 协 议, 该 协 议 定 义 了 许 多 可 以 监 听 UIScrollView 滚 动 过 程 的 方 法, 例 如, 要 想 监 听 ScrollView 的 缩 放 和 拖 拽, 可 以 通 过 遵 守 UIScrollViewDelegate 协 议, 指 定 ScrollView 的 代 理 对 象 来 实 现 UIScrollViewDelegate 协 议 的 定 义 方 式 如 下 所 示 // 滚 动 UIScrollView 时 就 会 调 用 该 方 法 - (void)scrollviewdidscroll:(uiscrollview *)scrollview; // 缩 放 UIScrollView 时 就 会 调 用 该 方 法 - (void)scrollviewdidzoom:(uiscrollview *)scrollview; // 即 将 拖 拽 UIScrollView 时 就 会 调 用 该 方 法 - (void)scrollviewwillbegindragging:(uiscrollview *)scrollview; // 即 将 停 止 拖 拽 UIScrollView 时 就 会 调 用 该 方 法 - (void)scrollviewwillenddragging:(uiscrollview *)scrollview withvelocity:(cgpoint)velocity targetcontentoffset:(inout CGPoint *) targetcontentoffset; // 停 止 拖 拽 UIScrollView 时 就 会 调 用 该 方 法 65

66 - (void)scrollviewdidenddragging:(uiscrollview *)scrollview willdecelerate:(bool)decelerate; // UIScrollView 即 将 减 速 时 就 会 调 用 该 方 法 - (void)scrollviewwillbegindecelerating:(uiscrollview *)scrollview; // UIScrollView 减 速 完 成 时 就 会 调 用 该 方 法 - (void)scrollviewdidenddecelerating:(uiscrollview *)scrollview; // 返 回 缩 放 的 视 图, 这 个 视 图 必 须 是 UIScrollView 的 子 视 图 - (UIView *)viewforzoominginscrollview:(uiscrollview *)scrollview; // UIScrollView 即 将 缩 放 时 就 会 调 用 该 方 法 - (void)scrollviewwillbeginzooming:(uiscrollview *)scrollview withview:(uiview *)view; // UIScrollView 完 成 缩 放 时 就 会 调 用 该 方 法 - (void)scrollviewdidendzooming:(uiscrollview *)scrollview withview: (UIView *)view 从 上 述 代 码 中 可 以 看 出,UIScrollViewDelegate 协 议 中 定 义 了 许 多 供 代 理 监 听 的 方 法, 这 些 方 法 会 在 滚 动 视 图 的 不 同 状 态 下 被 调 用 例 如,scrollViewDidScroll 方 法 是 改 变 滚 动 视 图 偏 移 量 时 调 用 的 方 法, 该 方 法 会 在 视 图 滚 动 后 执 行 实 战 演 练 喜 马 拉 雅 UIScrollView 在 ios 开 发 中 经 常 使 用, 它 主 要 用 于 在 有 限 的 屏 幕 上 展 示 更 多 的 内 容 为 了 大 家 更 好 地 掌 握 UIScrollView 的 使 用, 接 下 来 带 领 大 家 搭 建 一 个 喜 马 拉 雅 的 应 用 界 面, 具 体 步 骤 如 下 : 1. 界 面 设 计 (1) 新 建 一 个 Single View Application 应 用, 名 称 为 10_UIScrollView, 然 后 在 Main.storyboard 界 面 中 添 加 一 个 UIScrollView 两 个 UIView 一 个 UILabel 和 十 二 个 UIButton, 其 中 UIButton 只 作 显 示, 不 支 持 点 击 事 件,UIScrollView 用 于 滚 动 它 内 部 包 含 的 内 容 视 图 (2) 将 提 前 准 备 好 的 图 片 放 到 Images.xcassets 文 件 中, 并 为 UIButton 设 置 普 通 和 高 亮 状 态 下 的 背 景 图 片, 设 计 好 的 界 面 如 图 2-67 所 示 66

67 图 2-67 搭 建 好 的 喜 马 拉 雅 界 面 在 图 2-67 中,UIScrollView 上 添 加 了 七 个 UIButton, 它 们 分 别 设 置 了 普 通 状 态 下 的 背 景 图 片, 由 于 屏 幕 尺 寸 的 限 制, 无 法 展 示 在 UIScrollView 最 底 部 的 一 个 UIButton 需 要 注 意 的 是, 只 有 添 加 到 UIScrollView 内 部 的 控 件 才 能 实 现 滚 动, 如 同 绑 定 的 关 系, 例 如 PPT 中 的 组 合 功 能 2. 创 建 控 件 对 象 的 关 联 (1) 点 击 Xcode 6.1 界 面 右 上 角 的 图 标, 进 入 控 件 与 代 码 的 关 联 界 面, 使 用 控 件 和 代 码 关 联 的 方 式, 为 UIScrollView 和 其 内 部 最 底 部 的 UIButton 添 加 两 个 属 性, 分 别 命 名 为 scrollview 和 lastview, 添 加 完 成 后 的 界 面 如 图 2-68 所 示 图 2-68 创 建 视 图 对 象 的 关 联 从 图 2-68 中 可 以 看 出, 完 成 控 件 对 象 的 关 联 后, 成 功 添 加 了 两 个 属 性 3. 通 过 代 码 实 现 滚 动 的 功 能 完 成 控 件 对 象 的 关 联 后, 就 可 以 通 过 代 码 实 现 滚 动 的 功 能 了 进 入 ViewController.m 文 件, 在 viewdidload 方 法 中 实 现 滚 动 的 功 能, 具 体 代 码 如 例 2-10 所 示 67

68 1 #import "ViewController.h" 例 2-10 viewdidload ViewController () 3 // 定 义 了 两 个 属 性 scrollview 和 lastview, 分 别 表 示 滚 动 视 图 和 其 内 部 最 底 部 的 视 图 (weak, nonatomic) IBOutlet UIScrollView *scrollview; (weak, nonatomic) IBOutlet UIButton *lastview; ViewController 8 - (void)viewdidload { 1 [super viewdidload]; 9 // 1. 获 取 lastview 的 最 大 Y 值 10 CGFloat lastviewh = CGRectGetMaxY(self.lastView.frame) + 10; 11 // 2. 设 置 scrollview 的 滚 动 范 围 12 self.scrollview.contentsize = CGSizeMake(0, lastviewh); 13 // 3. 设 置 scrollview 的 偏 移 量 14 self.scrollview.contentoffset = CGPointMake(0, -54); 15 // 4. 设 置 scrollview 的 间 距 2 self.scrollview.contentinset = UIEdgeInsetsMake(54, 0, 44, 0); 3 } 在 例 2-10 中, 第 8~18 行 代 码 是 viewdidload 方 法, 该 方 法 中 首 先 根 据 最 底 部 视 图 的 Y 值 确 定 scrollview 的 滚 动 范 围, 然 后 设 置 scrollview 的 偏 移 量 和 间 距, 协 调 滚 动 视 图 跟 其 它 视 图 的 位 置, 使 界 面 更 加 美 观 4. 在 模 拟 器 上 运 行 程 序 点 击 Xcode 工 具 的 运 行 按 钮, 在 模 拟 器 上 运 行 程 序 程 序 运 行 成 功 后, 发 现 视 图 可 以 滚 动 了, 并 且 最 底 部 的 视 图 也 能 显 现 出 来, 滚 动 界 面 的 部 分 场 景 图 片 如 图 2-69 所 示 图 2-69 滚 动 界 面 68

69 2.10 页 控 件 (UIPageControl) 页 控 件 概 述 顾 名 思 义, 页 控 件 是 一 个 可 以 实 现 翻 页 效 果 的 控 件, 它 是 一 个 比 较 简 单 的 控 件, 由 N 个 小 圆 点 组 成, 每 个 小 圆 点 代 表 一 个 页 面, 并 且 当 前 页 面 使 用 高 亮 的 圆 点 显 示 在 ios 中, 页 控 件 使 用 UIPageControl 类 来 表 示, 它 直 接 继 承 于 UIControl:UIView, 是 一 个 可 以 与 用 户 交 互 的 活 动 控 件 接 下 来 通 过 一 张 图 片 来 展 示 UIPageControl 的 使 用 场 景, 如 图 2-70 所 示 图 2-70 UIPageControl 的 使 用 场 景 图 2-70 中 标 示 了 5 个 小 圆 点, 并 且 第 2 个 小 圆 点 是 高 亮 状 态, 说 明 页 控 件 包 含 5 个 页 面, 并 且 当 前 页 面 是 第 2 个 页 面 页 控 件 UIPageControl 同 样 可 以 从 对 象 库 中 找 到 将 UIPageControl 控 件 从 对 象 库 中 拖 拽 到 Main.storyboard 编 辑 界 面 中, 在 Xcode 右 侧 查 看 UIPageControl 的 属 性 检 测 器 面 板, 具 体 如 图 2-71 所 示 69

70 图 2-71 UIPageControl 的 属 性 检 测 器 面 板 图 2-71 显 示 的 是 UIPageControl 所 支 持 的 一 些 属 性, 通 过 对 这 些 属 性 的 设 置, 可 以 使 页 控 件 发 生 相 应 的 变 化 针 对 UIPageControl 属 性 检 查 器 面 板 设 置 的 属 性,UIPageControl 类 也 定 义 了 与 之 对 应 的 属 性, 接 下 来 通 过 一 张 表 来 列 举 UIPageControl 的 常 见 属 性, 如 表 2-17 所 示 表 2-17 UIPageControl 的 常 见 属 性 属 性 声 明 功 能 描 NSInteger numberofpages; 设 置 总 共 有 多 少 NSInteger currentpage; 设 置 当 前 是 第 几 UIColor 设 置 页 码 指 示 器 的 颜 色 UIColor 设 置 当 前 页 码 指 示 器 的 颜 色 *currentpageindicatortintcolor; 表 2-17 列 举 了 UIPageControl 所 支 持 的 一 些 属 性, 它 们 均 可 以 设 置 页 控 件 的 外 观 实 战 演 练 自 动 轮 播 器 实 际 项 目 中, 经 常 会 把 UIScrollView 和 UIPageControl 结 合 使 用, 接 下 来, 带 领 大 家 使 用 这 两 个 控 件 完 成 一 个 自 动 轮 播 器, 具 体 步 骤 如 下 : 1. 界 面 设 计 (1) 新 建 一 个 Single View Application 应 用, 名 称 为 10_UIScrollView 和 UIPageControl, 然 后 在 Main.storyboard 界 面 中 添 加 一 个 UIScrollView 一 个 UIPageControl 一 个 UIView 和 一 个 UILabel, 其 中,UIScrollView 用 于 显 示 轮 播 图 片,UIPageControl 用 于 显 示 页 码 (2) 将 提 前 准 备 好 的 图 片 放 到 Images.xcassets 文 件 中, 并 为 UIPageControl 的 圆 点 和 高 亮 圆 点 分 别 设 置 白 色 和 蓝 色, 设 计 好 的 界 面 如 图 2-72 所 示 2. 创 建 控 件 对 象 的 关 联 图 2-72 搭 建 好 的 界 面 70

71 (1) 点 击 Main.storyboard 左 下 角 的 图 标, 打 开 Objects 列 表 区, 选 中 UIScrollView 右 击, 弹 出 一 个 黑 框 列 表, 从 该 列 表 delegate 选 项 后 的 空 圆 圈 拖 线 到 Objects 列 表 区 中 的 控 制 器 文 件, 设 置 UIScrollView 的 delegate 为 控 制 器, 具 体 如 图 2-73 所 示 图 2-73 设 置 UIScrollView 的 delegate 为 控 制 器 (2) 点 击 Xcode 6.1 界 面 右 上 角 的 图 标, 进 入 控 件 与 代 码 的 关 联 界 面, 使 用 使 用 控 件 和 代 码 关 联 的 方 式, 为 UIScrollView 和 UIPageControl 添 加 两 个 属 性, 分 别 命 名 为 scrollview 和 pagecontrol, 用 于 表 示 轮 播 器 和 页 码 指 示 器, 添 加 完 成 后 的 界 面 如 图 2-74 所 示 图 2-74 创 建 UIScrollView 和 UIPageControl 控 件 对 象 的 关 联 3. 通 过 代 码 实 现 自 动 轮 播 的 功 能 完 成 控 件 对 象 的 关 联 后, 就 可 以 通 过 代 码 加 载 图 片, 并 实 现 自 动 轮 播 的 功 能 了 进 入 ViewController.m 文 件, 在 viewdidload 方 法 中 完 成 相 对 的 功 能, 具 体 代 码 如 例 2-11 所 示 71