iOS开发UI篇—UITabBarController简单介绍 - 文顶顶 - 博客园
最怕你一生碌碌无为 还安慰自己平凡可贵
iOS开发UI篇&UITabBarController简单介绍
一、简单介绍
UITabBarController和UINavigationController类似,UITabBarController也可以轻松地管理多个控制器,轻松完成控制器之间的切换,典型的例子就是QQ、微信等应?。
二、UITabBarController的使用
1.使用步骤：
（1）初始化UITabBarController
（2）设置UIWindow的rootViewController为UITabBarController
（3）创建相应的子控制器（viewcontroller）
（4）把子控制器添加到UITabBarController
2.代码示例
新建一个空的文件，在Application的代理中编码
YYAppDelegate.m文件
YYAppDelegate.m
01-UITabBar控制器基本使用
Created by 孔医己 on 14-6-7.
Copyright (c) 2014年 itcast. All rights reserved.
9 #import "YYAppDelegate.h"
11 @implementation YYAppDelegate
13 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
//1.创建Window
self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
self.window.backgroundColor = [UIColor whiteColor];
//a.初始化一个tabBar控制器
UITabBarController *tb=[[UITabBarController alloc]init];
//设置控制器为Window的根控制器
self.window.rootViewController=
//b.创建子控制器
UIViewController *c1=[[UIViewController alloc]init];
c1.view.backgroundColor=[UIColor grayColor];
c1.view.backgroundColor=[UIColor greenColor];
c1.tabBarItem.title=@"消息";
c1.tabBarItem.image=[UIImage imageNamed:@"tab_recent_nor"];
c1.tabBarItem.badgeValue=@"123";
UIViewController *c2=[[UIViewController alloc]init];
c2.view.backgroundColor=[UIColor brownColor];
c2.tabBarItem.title=@"联系人";
c2.tabBarItem.image=[UIImage imageNamed:@"tab_buddy_nor"];
UIViewController *c3=[[UIViewController alloc]init];
c3.tabBarItem.title=@"动态";
c3.tabBarItem.image=[UIImage imageNamed:@"tab_qworld_nor"];
UIViewController *c4=[[UIViewController alloc]init];
c4.tabBarItem.title=@"设置";
c4.tabBarItem.image=[UIImage imageNamed:@"tab_me_nor"];
//c.添加子控制器到ITabBarController中
//c.1第一种方式
[tb addChildViewController:c1];
[tb addChildViewController:c2];
//c.2第二种方式
tb.viewControllers=@[c1,c2,c3,c4];
//2.设置Window为主窗口并显示出来
[self.window makeKeyAndVisible];
return YES;
实现效果：
三、重要说明
1.UITabBar&
下方的工具条称为UITabBar ，如果UITabBarController有N个子控制器,那么UITabBar内部就会有N 个UITabBarButton作为子控件与之对应。
注意：UITabBarButton在UITabBar中得位置是均分的，UITabBar的高度为49。
在上面的程序中，UITabBarController有4个子控制器,所以UITabBar中有4个UITabBarButton，UITabBar的结构?大致如下图所示：
2.UITabBarButton&
UITabBarButton?面显?什么内容,由对应子控制器的tabBarItem属性来决定&
c1.tabBarItem.title=@"消息";
c1.tabBarItem.image=[UIImage imageNamed:@"tab_recent_nor"];
3.有两种方式可以往UITabBarController中添加子控制器&
（1）[tb addChildViewController:c1];
（2）tb.viewControllers=@[c1,c2,c3,c4];
注意：展示的顺序和添加的顺序一致，和导航控制器中不同，展现在眼前的是第一个添加的控制器对应的View。
随笔 - 179
评论 - 1473Posts - 25,
Articles - 0,
Comments - 3
13:41 by LGL_lazy, ... 阅读,
设置被选中的图片
self.tabBarController.tabBar.selectedItem.selectedImage = [UIImage imageNamed:@"main.png"];
设置被选中颜色
self.tabBarController.tabBar.tintColor = [UIColor redColor];iOS 杂七杂八（102）
IOS标签栏起导航作用，标签栏就是像微信下面的四个小小标签，分别是“微信”、“通讯录”、“发现”、“我”，使用标签可以使你的app瞬间高大一些，不再是单纯的点击按钮一连串的跳转。
而且Ios的标签栏很容易实现，很少的代码就能实现，本例设四个标签，简单基本使用很简单，所以不多说，看看代码和注释就差不多能懂
step1：先是将四个页面创建放进UINavigationController，虽然代码量不算小，但是都是一样的，只是写四次而已，对了，忘了说是写在AppDelegate里面的第一个方法里的
ViewController *mvc = [[ViewController alloc] init];
mvc.title = @"主界面";
mvc.tabBarItem.image = [UIImage imageNamed:@"tab_0.png"];
UINavigationController *nc1 = [[UINavigationController alloc] initWithRootViewController:mvc];
ContactsViewController *cvc = [[ContactsViewController alloc] init];
cvc.title = @"联系人";
cvc.tabBarItem.image = [UIImage imageNamed:@"tab_1.png"];
UINavigationController *nc2 = [[UINavigationController alloc] initWithRootViewController:cvc];
DynamicViewController *dvc = [[DynamicViewController alloc] init];
dvc.title = @"动态";
dvc.tabBarItem.image = [UIImage imageNamed:@"tab_2.png"];
UINavigationController *nc3 = [[UINavigationController alloc] initWithRootViewController:dvc];
SettingViewController *svc = [[SettingViewController alloc] init];
svc.title = @"设置";
svc.tabBarItem.image = [UIImage imageNamed:@"tab_3.png"];
UINavigationController *nc4 = [[UINavigationController alloc] initWithRootViewController:svc];
step2:创建标签栏，将上面四个UINavigationController放进去，然后设置一些简单的属性就完成了，顺便设置个背景色也是可以的
//创建标签栏
UITabBarController *tbc = [[UITabBarController alloc] init];
tbc.viewControllers = @[nc1,nc2,nc3,nc4];
self.window.rootViewController =
//标签栏默认高度49
//[tbc.tabBar setBackgroundImage:[UIImage imageNamed:@"tabbar.png"]];
//设置选中的颜色
tbc.tabBar.tintColor = [UIColor greenColor];
self.window.backgroundColor=[UIColor colorWithRed:266/255.0 green:266/255.0 blue:266/255.0 alpha:1];
运行图片就是这样的!
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：90955次
积分：1705
积分：1705
排名：千里之外
原创：64篇
转载：127篇
(3)(4)(4)(13)(4)(5)(11)(12)(2)(1)(11)(20)(12)(5)(1)(5)(3)(1)(9)(8)(45)(13)Pages: 1/3
主题 : ios8.0后，tabBarItem怎么设置图片，storyboard设置后一直显示蓝色？
级别: 侠客
UID: 357166
可可豆: 373 CB
威望: 346 点
在线时间: 485(时)
发自: Web Page
来源于&&分类
ios8.0后，tabBarItem怎么设置图片，storyboard设置后一直显示蓝色？&&&
ios8.0后，tabBarItem怎么设置图片，storyboard设置后一直显示蓝色？这是什么原因？
有志者，事竟成，破釜沉舟，百二秦关终归楚。 苦心人，天不负，卧薪尝胆，三千越甲可吞吴！
级别: 侠客
可可豆: 188 CB
威望: 189 点
在线时间: 265(时)
发自: Web Page
UIImage * homenormalImage = [[UIImage imageNamed:@&toolbarHomeIcon.png&]&&imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];&&&&UIImage * homeselectImage = [[UIImage imageNamed:@&toolbarHomeIconHl.png&]&&imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];&&&&homeNav.tabBarItem=[[UITabBarItem alloc]initWithTitle:@&首页& image:homenormalImage selectedImage:homeselectImage];
级别: 侠客
UID: 357166
可可豆: 373 CB
威望: 346 点
在线时间: 485(时)
发自: Web Page
原来如此简单，在工程中有这样的一个Images.xcassets，在其中新建一个 image set 然后添加比例的图片，然后在tabBarItem中设置一个就ok了
有志者，事竟成，破釜沉舟，百二秦关终归楚。 苦心人，天不负，卧薪尝胆，三千越甲可吞吴！
级别: 新手上路
可可豆: 39 CB
威望: 39 点
在线时间: 106(时)
发自: Web Page
回 2楼() 的帖子
说具体一点，我照你你说的做了，结果还是白得，不显示
级别: 侠客
UID: 357166
可可豆: 373 CB
威望: 346 点
在线时间: 485(时)
发自: Web Page
回 3楼(加血老头) 的帖子
选择Images.xcassets&&&&右键选择，New Image Set&& 然后在右边的三个像素框加入不同尺寸的图片&& 之后就在storyboard中设置图片
图片:CD263B7C-CA87-43F8-ADCE-DE1.png
有志者，事竟成，破釜沉舟，百二秦关终归楚。 苦心人，天不负，卧薪尝胆，三千越甲可吞吴！
级别: 侠客
UID: 357166
可可豆: 373 CB
威望: 346 点
在线时间: 485(时)
发自: Web Page
回 3楼(加血老头) 的帖子
然后在这里进行设置，就会显示了
图片:5E13FBA7-B772-4069-BF9D-26305FCBA492.png
有志者，事竟成，破釜沉舟，百二秦关终归楚。 苦心人，天不负，卧薪尝胆，三千越甲可吞吴！
级别: 新手上路
可可豆: 11 CB
威望: 11 点
在线时间: 22(时)
发自: Web Page
回 5楼() 的帖子
大哥，你能设置选中时候显示的图片吗，我这边设置了但是item选中的时候只显示字，不显示图片是怎么回事啊，急急急
级别: 新手上路
可可豆: 11 CB
威望: 11 点
在线时间: 36(时)
发自: Web Page
回 6楼(lee_li) 的帖子
sb中我试过&&设置selected Image好像不行&& 只能代码写
级别: 新手上路
可可豆: 8 CB
威望: 8 点
在线时间: 165(时)
发自: Web Page
回 2楼() 的帖子
哥们，我按照你的方法在Images.xcassets中添加了图片，但是选中后还是蓝色啊，为什么？求教
级别: 新手上路
可可豆: 14 CB
威望: 14 点
在线时间: 179(时)
发自: Web Page
把tabbar还是什么的渲染关闭就好了
Pages: 1/3
关注本帖(如果有新回复会站内信通知您)
苹果公司现任CEO是谁？2字 正确答案:库克
发帖、回帖都会得到可观的积分奖励。
按"Ctrl+Enter"直接提交
关注CocoaChina
关注微信 每日推荐
扫一扫 浏览移动版> 博客详情
摘要: 在进行iphone开发过程中发现tabbar的隐藏hidden函数在ios7.0中是可以使用的，但是在ios5中直接hidden会保留下tabbar的黑色背景，因此在这里讲解决方法记录下来，以便以后查看，供大家查阅吧
1.隐藏TabBar：
-&(void)hideTabBar&{
&&&&if&(self.tabBarController.tabBar.hidden&==&YES)&{
&&&&UIView&*contentV
&&&&if&(&[[self.tabBarController.view.subviews&objectAtIndex:0]&isKindOfClass:[UITabBar&class]]&)
&&&&&&&&contentView&=&[self.tabBarController.view.subviews&objectAtIndex:1];
&&&&&&&&contentView&=&[self.tabBarController.view.subviews&objectAtIndex:0];
&&&&&&&&contentView.frame&=&CGRectMake(contentView.bounds.origin.x,&&contentView.bounds.origin.y,&&contentView.bounds.size.width,&contentView.bounds.size.height&+&self.tabBarController.tabBar.frame.size.height);&&&&&&&&
&&&&&&&&self.tabBarController.tabBar.hidden&=&YES;
2.显示TabBar：
-&(void)showTabBar
&&&&if&(self.tabBarController.tabBar.hidden&==&NO)
&&&&UIView&*contentV
&&&&if&([[self.tabBarController.view.subviews&objectAtIndex:0]&isKindOfClass:[UITabBar&class]])
&&&&&&&&contentView&=&[self.tabBarController.view.subviews&objectAtIndex:1];
&&&&&&&&contentView&=&[self.tabBarController.view.subviews&objectAtIndex:0];&&&&&&
&&&&&&&&contentView.frame&=&CGRectMake(contentView.bounds.origin.x,&contentView.bounds.origin.y,&&contentView.bounds.size.width,&contentView.bounds.size.height&-&self.tabBarController.tabBar.frame.size.height);
&&&&&&&&self.tabBarController.tabBar.hidden&=&NO;
3.如果定义了上面两个方法，在viewDidAppear:方法里面就可以调用了
-(void)viewDidAppear:(BOOL)animated{
&&&&//[self&hideTabBar];
&&&&[self&showTabBar];
人打赏支持
码字总数 10552
支付宝支付
微信扫码支付
打赏金额: ￥
已支付成功
打赏金额: ￥}