iOS tabbar 中間添加自定義按鈕

在某些項(xiàng)目的初期我們經(jīng)常會選擇使用UITabbarController或者是UINavigationController或者是兩者的結(jié)合什黑,經(jīng)常需要自定義自己需要的類煞肾,本文講述了自定義UITabbarController及向UITabBar中添加自定義按鈕的使用热监。

首先自定義一個繼承自UITabbarController的類,定義4個屬性钻趋,均為UIViewController類型的弹灭,作為tabbarController的子視圖,然后分別將他們加入到自定義的UITabbarController的子控制視圖辜限。自定義的UITabbarController命名為WWTTabController皇拣。寫一個方法用來做一些初始化的工作,然后再viewDidLoad里面調(diào)用方法如下:

#pragma mark 初始化tabBar對應(yīng)的ViewControllers

-?(void)setControllers{

//配置的各個tabbar對應(yīng)的controller

self.vc1=?[[UIViewControlleralloc]init];

self.vc1.view.backgroundColor=?[UIColorredColor];

self.vc1.tabBarItem=?[selfitemWithSelectedImage:@"tabBar_me_icon@2x"image:@"tabBar_me_icon@2x"title:@"首頁"];

//配置的各個tabbar對應(yīng)的controller

self.vc2=?[[UIViewControlleralloc]init];

self.vc2.view.backgroundColor=?[UIColorblueColor];

self.vc2.tabBarItem=?[selfitemWithSelectedImage:@"tabBar_me_icon@2x"image:@"tabBar_me_icon@2x"title:@"消息"];

//配置的各個tabbar對應(yīng)的controller

self.vc3=?[[UIViewControlleralloc]init];

self.vc3.view.backgroundColor=?[UIColorcyanColor];

self.vc3.tabBarItem=?[selfitemWithSelectedImage:@"tabBar_new_icon@2x"image:@"tabBar_new_icon@2x"title:@"發(fā)現(xiàn)"];

//配置的各個tabbar對應(yīng)的controller

self.vc4=?[[UIViewControlleralloc]init];

self.vc4.view.backgroundColor=?[UIColororangeColor];

self.vc4.tabBarItem=?[selfitemWithSelectedImage:@"tabBar_friendTrends_icon@3x"image:@"tabBar_friendTrends_icon@3x"title:@"我"];

//統(tǒng)一用tabbar來管理navigationController

self.viewControllers=?@[self.vc1,self.vc2,self.vc3,self.vc4];

self.tabBar.tintColor=?[UIColorgreenColor];

self.tabBar.barTintColor=?[UIColorwhiteColor];

}

-?(UITabBarItem*)itemWithSelectedImage:(NSString*)selectImageimage:(NSString*)imagetitle:(NSString*)title{

UIImage*im?=?[[UIImageimageNamed:image]imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

UITabBarItem*item?=?[[UITabBarItemalloc]initWithTitle:titleimage:imselectedImage:im];

returnitem;

}

然后自定義一個繼承自UITabBar的類薄嫡,在該類中設(shè)置UITabBar的子控件氧急,在該類中定義一個UIButton屬性,放在中間毫深,系統(tǒng)自帶的UIBarButton在兩側(cè)吩坝,將自定義的UIButton設(shè)置成懶加載代碼如下:

//設(shè)置自己定義的button為懶加載并且設(shè)置上背景圖片

-?(UIButton*)btn{

if(_btn==nil)?{

_btn?=?[UIButtonbuttonWithType:UIButtonTypeCustom];

[_btnsetImage:[UIImageimageNamed:@"tabBar_publish_icon"]forState:UIControlStateNormal];

[_btnsetBackgroundImage:[UIImageimageNamed:@"tabBar_publish_icon"]forState:UIControlStateNormal];

//button的大小與圖片一致

[_btnsizeToFit];

[selfaddSubview:self.btn];

}

return_btn;

}

來一個重新布局的方法//設(shè)置tabbar子控件的布局

- (void)layoutSubviews{

CGFloatw =self.bounds.size.width;

CGFloath =self.bounds.size.height;

CGFloatbtnx =0;

CGFloatbtny =0;

//5.0是tabbar中的控件的數(shù)量

CGFloatwidth =self.bounds.size.width/5.0;

CGFloatheight =self.bounds.size.height;

inti=0;

for(UIView*btninself.subviews) {

//判斷是否是系統(tǒng)自帶的UITabBarButton類型的控件

if([btnisKindOfClass:NSClassFromString(@"UITabBarButton")]) {

if(i==2) {

i=3;

}

btnx = i*width;

btn.frame=CGRectMake(btnx, btny, width, height);

i++;

}

}

//設(shè)置自定義button的位置

self.btn.center=CGPointMake(w*0.5, h*0.5);

}



然后再自定義的UITabbarController的viewDidLoad中定義一個自定義的UITabBar,并且替換掉系統(tǒng)自帶的UITabBar哑蔫,代碼如下

[superviewDidLoad];

//?Do?any?additional?setup?after?loading?the?view.

WWTTabBar*tabBar?=?[[WWTTabBaralloc]initWithFrame:self.tabBar.frame];

tabBar.backgroundColor=?[UIColorwhiteColor];

//設(shè)置tabbar時只能用keyValue方式

[selfsetValue:tabBarforKeyPath:@"tabBar"];

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末钉寝,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子闸迷,更是在濱河造成了極大的恐慌瘩蚪,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,858評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件稿黍,死亡現(xiàn)場離奇詭異疹瘦,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)巡球,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,372評論 3 395
  • 文/潘曉璐 我一進(jìn)店門楔壤,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人恨课,你說我怎么就攤上這事志衣。” “怎么了矿筝?”我有些...
    開封第一講書人閱讀 165,282評論 0 356
  • 文/不壞的土叔 我叫張陵起便,是天一觀的道長。 經(jīng)常有香客問我,道長榆综,這世上最難降的妖魔是什么妙痹? 我笑而不...
    開封第一講書人閱讀 58,842評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮鼻疮,結(jié)果婚禮上怯伊,老公的妹妹穿的比我還像新娘。我一直安慰自己判沟,他們只是感情好耿芹,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,857評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著挪哄,像睡著了一般吧秕。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上迹炼,一...
    開封第一講書人閱讀 51,679評論 1 305
  • 那天砸彬,我揣著相機(jī)與錄音,去河邊找鬼疗涉。 笑死拿霉,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的咱扣。 我是一名探鬼主播绽淘,決...
    沈念sama閱讀 40,406評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼闹伪!你這毒婦竟也來了沪铭?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,311評論 0 276
  • 序言:老撾萬榮一對情侶失蹤偏瓤,失蹤者是張志新(化名)和其女友劉穎杀怠,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體厅克,經(jīng)...
    沈念sama閱讀 45,767評論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡赔退,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了证舟。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片硕旗。...
    茶點(diǎn)故事閱讀 40,090評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖女责,靈堂內(nèi)的尸體忽然破棺而出漆枚,到底是詐尸還是另有隱情,我是刑警寧澤抵知,帶...
    沈念sama閱讀 35,785評論 5 346
  • 正文 年R本政府宣布墙基,位于F島的核電站软族,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏残制。R本人自食惡果不足惜立砸,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,420評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望痘拆。 院中可真熱鬧仰禽,春花似錦氮墨、人聲如沸纺蛆。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,988評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽桥氏。三九已至,卻和暖如春猛铅,著一層夾襖步出監(jiān)牢的瞬間字支,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,101評論 1 271
  • 我被黑心中介騙來泰國打工奸忽, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留堕伪,地道東北人。 一個月前我還...
    沈念sama閱讀 48,298評論 3 372
  • 正文 我出身青樓栗菜,卻偏偏與公主長得像欠雌,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子疙筹,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,033評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 前言 很多時候富俄,系統(tǒng)原生的 UITabBar 并不能滿足我們的需求,譬如我們想要給圖標(biāo)做動態(tài)的改變而咆,或者比較炫一點(diǎn)...
    四月_Hsu閱讀 5,045評論 1 6
  • 開發(fā)是一個學(xué)習(xí)的過程,當(dāng)你在項(xiàng)目中遇到難點(diǎn)的時候,第一個想到的應(yīng)該是Google,百度...我總是拿這樣一句話來形...
    Senior丶閱讀 4,788評論 35 67
  • *7月8日上午 N:Block :跟一個函數(shù)塊差不多霍比,會對里面所有的內(nèi)容的引用計(jì)數(shù)+1,想要解決就用__block...
    炙冰閱讀 2,488評論 1 14
  • 一暴备、UITabBarController以其相關(guān)控件之間的關(guān)系 @interface UITabBarContro...
    西門淋雨閱讀 3,079評論 0 1
  • 原理:TabBar本身是一個View悠瞬,自定義一個繼承TabBar的uiview,然后替換掉原來的TabBar 下面...
    天涯笑笑生閱讀 1,887評論 0 3