演示如何为 tabBarItem添加选中背景

Author: ChenYilong

Example/AppDelegate.m

@@ -102,7 +102,7 @@ - (void)customizeTabBarForController:(CYLTabBarController *)tabBarController {
 
 - (void)customizeInterface {
     [self setUpNavigationBarAppearance];
-    [self setUpTabBarItemTextAttributes];
+//    [self setUpTabBarItemTextAttributes];
 }
 /**
  *  设置navigationBar样式
@@ -143,21 +143,60 @@ - (void)setUpNavigationBarAppearance {
  */
 - (void)setUpTabBarItemTextAttributes {
 
+    
+    // set the text color for unselected state
     // 普通状态下的文字属性
     NSMutableDictionary *normalAttrs = [NSMutableDictionary dictionary];
-    normalAttrs[NSForegroundColorAttributeName] = [UIColor grayColor];
+    normalAttrs[NSForegroundColorAttributeName] = [UIColor blackColor];
 
+    // set the text color for selected state
     // 选中状态下的文字属性
     NSMutableDictionary *selectedAttrs = [NSMutableDictionary dictionary];
-    selectedAttrs[NSForegroundColorAttributeName] = [UIColor darkGrayColor];
+    selectedAttrs[NSForegroundColorAttributeName] = [UIColor blackColor];
 
+    // set the text Attributes
     // 设置文字属性
     UITabBarItem *tabBar = [UITabBarItem appearance];
     [tabBar setTitleTextAttributes:normalAttrs forState:UIControlStateNormal];
     [tabBar setTitleTextAttributes:normalAttrs forState:UIControlStateHighlighted];
 
+    // Set the dark color to selected tab (the dimmed background)
+    // TabBarItem选中后的背景颜色
+    [[UITabBar appearance] setSelectionIndicatorImage:[AppDelegate imageFromColor:[UIColor colorWithRed:26/255.0 green:163/255.0 blue:133/255.0 alpha:1] forSize:CGSizeMake([UIScreen mainScreen].bounds.size.width/5.0f, 49) withCornerRadius:0]];
+    
+    // set the bar background color
     // 设置背景图片
-    //    UITabBar *tabBarAppearance = [UITabBar appearance];
-    //    [tabBarAppearance setBackgroundImage:[UIImage imageNamed:@"tabbar_background_os7"]];
+    UITabBar *tabBarAppearance = [UITabBar appearance];
+    [tabBarAppearance setBackgroundImage:[UIImage imageNamed:@"tabbar_background_os7"]];
+}
+
++ (UIImage *)imageFromColor:(UIColor *)color forSize:(CGSize)size withCornerRadius:(CGFloat)radius
+{
+    CGRect rect = CGRectMake(0, 0, size.width, size.height);
+    UIGraphicsBeginImageContext(rect.size);
+    
+    CGContextRef context = UIGraphicsGetCurrentContext();
+    CGContextSetFillColorWithColor(context, [color CGColor]);
+    CGContextFillRect(context, rect);
+    
+    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
+    UIGraphicsEndImageContext();
+    
+    // Begin a new image that will be the new image with the rounded corners
+    // (here with the size of an UIImageView)
+    UIGraphicsBeginImageContext(size);
+    
+    // Add a clip before drawing anything, in the shape of an rounded rect
+    [[UIBezierPath bezierPathWithRoundedRect:rect cornerRadius:radius] addClip];
+    // Draw your image
+    [image drawInRect:rect];
+    
+    // Get the image, here setting the UIImageView image
+    image = UIGraphicsGetImageFromCurrentImageContext();
+    
+    // Lets forget about that we were drawing
+    UIGraphicsEndImageContext();
+    
+    return image;
 }
 @end

Example/Classes/Main/View/CYLPlusButtonSubclass.m

@@ -20,9 +20,6 @@ +(void)load {
     [super registerSubclass];
 }
 
-#pragma mark -
-#pragma mark - Life Cycle
-
 -(instancetype)initWithFrame:(CGRect)frame{
 
     if (self = [super initWithFrame:frame]) {
@@ -49,13 +46,12 @@ - (void)layoutSubviews
     // imageView 和 titleLabel 中心的 Y 值
     CGFloat const centerOfImageView  = verticalMargin + imageViewEdge * 0.5;
     CGFloat const centerOfTitleLabel = imageViewEdge  + verticalMargin * 2 + labelLineHeight * 0.5 + 5;
+
     //imageView position 位置
-    
     self.imageView.bounds = CGRectMake(0, 0, imageViewEdge, imageViewEdge);
     self.imageView.center = CGPointMake(centerOfView, centerOfImageView);
 
     //title position 位置
-    
     self.titleLabel.bounds = CGRectMake(0, 0, self.bounds.size.width, labelLineHeight);
     self.titleLabel.center = CGPointMake(centerOfView, centerOfTitleLabel);
 }
@@ -69,7 +65,7 @@ - (void)layoutSubviews
  */
 + (instancetype)plusButton{
 
-    CYLPlusButtonSubclass *button = [[CYLPlusButtonSubclass alloc]init];
+    CYLPlusButtonSubclass *button = [[CYLPlusButtonSubclass alloc] init];
 
     [button setImage:[UIImage imageNamed:@"post_normal"] forState:UIControlStateNormal];
     [button setTitle:@"发布" forState:UIControlStateNormal];
@@ -126,6 +122,8 @@ - (void)actionSheet:(UIActionSheet *)actionSheet didDismissWithButtonIndex:(NSIn
     NSLog(@"buttonIndex = %ld", buttonIndex);
 }
 
+#pragma mark - CYLPlusButtonSubclassing
+
 //+ (NSUInteger)indexOfPlusButtonInTabBar {
 //    return 3;
 //}