iOS開發(fā)UI篇—初識UITabBarController

一、簡單介紹

UITabBarController和UINavigationController類似,UITabBarController也可以輕松地管理多個控制器,輕松完成控制器之間的切換,典型的例子就是QQ、微信等應(yīng)?。

二、UITabBarController的使用

1.使用步驟:

(1)初始化UITabBarController

(2)設(shè)置UIWindow的rootViewController為UITabBarController

(3)創(chuàng)建相應(yīng)的子控制器(viewcontroller)

(4)把子控制器添加到UITabBarController

2.代碼示例

新建一個空的文件,在Application的代理中編碼

YYAppDelegate.m文件

1//2//YYAppDelegate.m3//01-UITabBar控制器基本使用4//5//Created by 孔醫(yī)己 on 14-6-7.6//Copyright (c) 2014年 itcast. All rights reserved.7//89#import"YYAppDelegate.h"1011@implementationYYAppDelegate1213- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions14{15//1.創(chuàng)建Window16self.window =[[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];17self.window.backgroundColor =[UIColor whiteColor];1819//a.初始化一個tabBar控制器20UITabBarController *tb=[[UITabBarController alloc]init];21//設(shè)置控制器為Window的根控制器22self.window.rootViewController=tb;2324//b.創(chuàng)建子控制器25UIViewController *c1=[[UIViewController alloc]init];26c1.view.backgroundColor=[UIColor grayColor];27c1.view.backgroundColor=[UIColor greenColor];28c1.tabBarItem.title=@"消息";29c1.tabBarItem.image=[UIImage imageNamed:@"tab_recent_nor"];30c1.tabBarItem.badgeValue=@"123";3132UIViewController *c2=[[UIViewController alloc]init];33c2.view.backgroundColor=[UIColor brownColor];34c2.tabBarItem.title=@"聯(lián)系人";35c2.tabBarItem.image=[UIImage imageNamed:@"tab_buddy_nor"];3637UIViewController *c3=[[UIViewController alloc]init];38c3.tabBarItem.title=@"動態(tài)";39c3.tabBarItem.image=[UIImage imageNamed:@"tab_qworld_nor"];4041UIViewController *c4=[[UIViewController alloc]init];42c4.tabBarItem.title=@"設(shè)置";43c4.tabBarItem.image=[UIImage imageNamed:@"tab_me_nor"];444546//c.添加子控制器到ITabBarController中47//c.1第一種方式48//[tb addChildViewController:c1];49//[tb addChildViewController:c2];5051//c.2第二種方式52tb.viewControllers=@[c1,c2,c3,c4];535455//2.設(shè)置Window為主窗口并顯示出來56[self.window makeKeyAndVisible];57returnYES;58}5960@end

實現(xiàn)效果:

三、重要說明

1.UITabBar

下方的工具條稱為UITabBar ,如果UITabBarController有N個子控制器,那么UITabBar內(nèi)部就會有N 個UITabBarButton作為子控件與之對應(yīng)。

注意:UITabBarButton在UITabBar中得位置是均分的,UITabBar的高度為49。

在上面的程序中,UITabBarController有4個子控制器,所以UITabBar中有4個UITabBarButton,UITabBar的結(jié)構(gòu)?大致如下圖所示:

2.UITabBarButton

UITabBarButton?面顯?什么內(nèi)容,由對應(yīng)子控制器的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];

注意:展示的順序和添加的順序一致,和導(dǎo)航控制器中不同,展現(xiàn)在眼前的是第一個添加的控制器對應(yīng)的View。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容