没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
上一篇文章提到了多视图程序中各个视图之间的切换,用的 Tool Bar,说白了还是根据触
发事件使用代码改变 Root View Controller 中的 Content View。这次,我们还是讲一讲切换
视图,不过这次使用的是 Tab Bar。
这次要写的程序运行起来的效果是这样的:底部有几个图标,每个图标对应一个视图。每
点击一个图标,对应的视图就会打开。如下图,就是我们做好的程序效果:
每 个 Tab Bar 有 一 个
对应颜色的视图。
为 了 搞 清 使 用 Tab
Bar 切换视图的原理,
我 们 还 是 从 Empty
Application 开始 创 建
我们的程序。
1、运行 Xcode 4.2,
新 建 一 个 Empty
Application , 名 称 为
Tab Bar
Application , 其 他 设
置如下图:
2、为工程添加图标文件:
这里要添加的图标文件是用来定制各 Tab Bar 的。首先新建一个 Group,选择 File — New
— New Group,创建好后给新的 Group 重命名为 Icons。然后,将准备好的四个图标文件拖
到 Group 中,在弹出的窗口选择 Copy items……(if needed),如下图:
4、创建四个 View Controller:
选中 Tab Bar Application 这个 Group,然后选择 File — New — New File,在弹出的窗口,
左边选择 Cocoa Touch,右边选择 UIViewController subclass,之后选 Next,在弹出的窗口
中,输入名称 BlueViewController,并选中 With xib,如下图:
然后选择 Next,选好位置,点击 Create,这样就创建了一个 ViewController。以同样的方式
再 创 建 三 个 , 名 称 分 别 是
GreenViewController,RedViewController,YellowViewController。
5、创建 TabBarController.xib:
选中 Tab Bar Application 这个 Group,然后选择 File — New — New File,在弹出的窗口,
左边选择 User Interface,右边选择 Empty:
然后点 Next,在弹出的窗口输入名称 TabBarController,选好位置后点击 Create。
之后,在 Group 中点击 TabBarController.xib,你会发现跟 BlueViewController.xib 不一样,
里边没有一个像 View 一样的窗口,不要着急,我们拖一个 Tab Bar Controller 到里边:
6、在上图中选择 File’s Owner,打开 Identity Inspector,在 Class 一栏选择 AppDelegate:
这样,我们就可以从 TabBarController.xib 向 AppDelegate 创建 OutLet 映射了。
7、打开 Assistant Editor,保证 Assistant Editor 中打开的是 AppDelegate.h,在左边选中 Tab
Bar Controller,按住 Control,往 AppDelegate.h 中创建映射:
然后在弹出的窗口输入 rootController,点击 Connect:
剩余23页未读,继续阅读
资源评论
- zhangfan461472014-01-18好,比较详细
- hcronin2013-05-27好,比较详细
nothingwxq
- 粉丝: 28
- 资源: 25
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功