Snip20160611_31.png
1.場景需求:
- 如上圖,產(chǎn)品需求要tabBar中間的item特殊設(shè)置,中間item背景始終是深黑色;
2.分析
- 1.讓UI設(shè)計師設(shè)計張tabBar背景圖片,然后直接設(shè)置到tabBar上;
- 2.利用
quartz2D技術(shù),自己繪制背景圖片,然后設(shè)置到tabBar上
下面利用quartz2D技術(shù)繪制背景圖片
3.核心代碼
-(void)configTabBars{
CGSize tabSize = CGSizeMake(CGRectGetWidth(self.tabBarController.view.frame), 49);
UIGraphicsBeginImageContext(tabSize);
CGContextRef context = UIGraphicsGetCurrentContext();
// draw whole image background color
CGContextSetFillColorWithColor(context,[FTFColor colorWithHexString:@"#383838" withAlpha:1.0].CGColor);
CGContextFillRect(context, CGRectMake(0, 0, tabSize.width, tabSize.height));
// draw special middle item color
CGContextSetFillColorWithColor(context, [FTFColor colorWithHexString:@"0x2b2b2b"].CGColor);
CGFloat width=tabSize.width/5;
CGContextFillRect(context, CGRectMake(width*2, 0, width, tabSize.height));
UIImage *img = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
// setting tabBar backgroundImage
self.tabBarController.tabBar.backgroundImage = img;
// setting tabBar image color
self.tabBarController.tabBar.tintColor = [FTFColor mainGolden];
// setting tabBar title color
for (UITabBarItem *item in self.tabBarController.tabBar.items) {
// item.imageInsets = UIEdgeInsetsMake(0, 0, 0, 0);
[item setTitleTextAttributes:@{NSForegroundColorAttributeName:[UIColor whiteColor]} forState:UIControlStateNormal];
[item setTitleTextAttributes:@{NSForegroundColorAttributeName:[FTFColor mainGolden]} forState:UIControlStateSelected];
}
}
