最近公司項(xiàng)目需求要將tabbar作成圖中樣式:
查網(wǎng)上資料菇晃,實(shí)現(xiàn)自定義tabbar有兩種方法,
(1)通過(guò)繼承UITabBarController,改變.tabbar中tabbarItem的樣式乓搬。
(2)完全自定義UITabBar思犁。
第二種方法,需要實(shí)現(xiàn)tabbar的delegate方法进肯,所以決定采用第一種方法實(shí)現(xiàn)激蹲。
(1)新建CenterRaisedTabBarController:UITabBarController。
(2)在-(void)viewDidLoad方法中修改self.tabBar.backgroundImage江掩。
把tabbar的背景修改為灰色帶半圓形狀的圖片学辱,圖片采用UIBezierPath曲線并填充顏色做成。具體實(shí)現(xiàn)代碼為:
其中addArcWithCenter:radius:startAngle:endAngle:clockwise:中角度為順時(shí)針0环形,1/2∏策泣,∏,3/2∏抬吟,∏萨咕。
http://blog.csdn.net/lgm252008/article/details/34819743
(3)修改每個(gè)viewController.tabBarItem的顯示樣式。
其中中間圓圈樣式?jīng)]有title火本,需要修改UITabBarItem的imageInsets設(shè)置不顯示title危队。具體為:
(4)這樣樣式基本完成,但是會(huì)顯示原tabBar的陰影钙畔。
通過(guò)[[UITabBar appearance] setShadowImage:]設(shè)置陰影1個(gè)像素寬的背景圖片交掏。
好了,收工刃鳄!