标签：style blog http color 使用 strong
iOS开发项目篇—27自定义UITabBar
一、自定义
思路：
（1）新建一个继承自UITabBar的类，自定义一个UITabBar
（2）用自定义的UITabBar换掉系统的UItabBar(使用了KVC)
（3）监听控制器的切换，只要控制器一切换，就调用代理方法强制重新布局子控件（内部会调用layoutSubviews）。
YYTabBar.m文件代码：
1 // 2 // YYTabBar.m 3 // 4 5 #import "YYTabBar.h" 6 7 @interface YYTabBar() 8 @property (nonatomic, weak) UIButton *plusButton; 9 @end 10 11 @implementation YYTabBar 12 13 - (id)initWithFrame:(CGRect)frame 14 { 15 self = [super initWithFrame:frame]; 16 if (self) { 17 // 添加加号按钮 18 [self setupPlusButton]; 19 } 20 return self; 21 } 22 23 /** 24 * 添加加号按钮 25 */ 26 - (void)setupPlusButton 27 { 28 UIButton *plusButton = [[UIButton alloc] init]; 29 // 设置背景 30 [plusButton setBackgroundImage:[UIImage imageWithName:@"tabbar_compose_button"] forState:UIControlStateNormal]; 31 [plusButton setBackgroundImage:[UIImage imageWithName:@"tabbar_compose_button_highlighted"] forState:UIControlStateHighlighted]; 32 // 设置图标 33 [plusButton setImage:[UIImage imageWithName:@"tabbar_compose_icon_add"] forState:UIControlStateNormal]; 34 [plusButton setImage:[UIImage imageWithName:@"tabbar_compose_icon_add_highlighted"] forState:UIControlStateHighlighted]; 35 [plusButton addTarget:self action:@selector(plusClick) forControlEvents:UIControlEventTouchUpInside]; 36 // 添加 37 [self addSubview:plusButton]; 38 self.plusButton = plusButton; 39 } 40 41 - (void)plusClick 42 { 43 YYLog(@"plusClick----"); 44 } 45 46 /** 47 * 布局子控件 48 */ 49 - (void)layoutSubviews 50 { 51 [super layoutSubviews]; 52 53 // 设置plusButton的frame 54 [self setupPlusButtonFrame]; 55 56 // 设置所有tabbarButton的frame 57 [self setupAllTabBarButtonsFrame]; 58 } 59 60 /** 61 * 设置所有plusButton的frame 62 */ 63 - (void)setupPlusButtonFrame 64 { 65 self.plusButton.size = self.plusButton.currentBackgroundImage.size; 66 self.plusButton.center = CGPointMake(self.width * 0.5, self.height * 0.5); 67 } 68 69 /** 70 * 设置所有tabbarButton的frame 71 */ 72 - (void)setupAllTabBarButtonsFrame 73 { 74 int index = 0; 75 76 // 遍历所有的button 77 for (UIView *tabBarButton in self.subviews) { 78 // 如果不是UITabBarButton， 直接跳过 79 if (![tabBarButton isKindOfClass:NSClassFromString(@"UITabBarButton")]) continue; 80 81 // 根据索引调整位置 82 [self setupTabBarButtonFrame:tabBarButton atIndex:index]; 83 84 // 遍历UITabBarButton中的所有子控件 85 [self setupTabBarButtonTextColor:tabBarButton atIndex:index]; 86 87 // 索引增加 88 index++; 89 } 90 } 91 92 /** 93 * 设置某个按钮的文字颜色 94 * 95 * @param tabBarButton 需要设置的按钮 96 * @param index 按钮所在的索引 97 */ 98 - (void)setupTabBarButtonTextColor:(UIView *)tabBarButton atIndex:(int)index 99 { 100 // 选中按钮的索引 101 int selectedIndex = [self.items indexOfObject:self.selectedItem]; 102 103 for (UILabel *label in tabBarButton.subviews) { 104 // 说明不是个Label 105 if (![label isKindOfClass:[UILabel class]]) continue; 106 107 // 设置字体 108 label.font = [UIFont systemFontOfSize:10]; 109 if (selectedIndex == index) { // 说明这个Button选中, 设置label颜色为橙色 110 label.textColor = [UIColor orangeColor]; 111 } else { // 说明这个Button没有选中, 设置label颜色为黑色 112 label.textColor = [UIColor blackColor]; 113 } 114 } 115 } 116 117 /** 118 * 设置某个按钮的frame 119 * 120 * @param tabBarButton 需要设置的按钮 121 * @param index 按钮所在的索引 122 */ 123 - (void)setupTabBarButtonFrame:(UIView *)tabBarButton atIndex:(int)index 124 { 125 // 计算button的尺寸 126 CGFloat buttonW = self.width / (self.items.count + 1); 127 CGFloat buttonH = self.height; 128 129 tabBarButton.width = buttonW; 130 tabBarButton.height = buttonH; 131 if (index >= 2) { 132 tabBarButton.x = buttonW * (index + 1); 133 } else { 134 tabBarButton.x = buttonW * index; 135 } 136 tabBarButton.y = 0; 137 } 138 @end
在YYTabBarViewController.m文件中使用自定义的UITabBar
1 // 2 // YYTabBarViewController.m 3 // 4 5 #import "YYTabBarViewController.h" 6 #import "YYHomeTableViewController.h" 7 #import "YYDiscoverViewController.h" 8 #import "YYMessageViewController.h" 9 #import "YYProfileViewController.h" 10 #import "UIImage+Extension.h" 11 #import "YYNavigationViewController.h" 12 #import "YYTabBar.h" 13 14 @interface YYTabBarViewController ()<UITabBarControllerDelegate> 15 16 @end 17 18 @implementation YYTabBarViewController 19 20 21 - (void)viewDidLoad 22 { 23 [super viewDidLoad]; 24 //添加四个子控制器 25 YYHomeTableViewController *home=[[YYHomeTableViewController alloc]init]; 26 [self addOneChildVc:home title:@"首页" imageName:@"tabbar_home" selectedImageName:@"tabbar_home_selected"]; 27 28 29 YYMessageViewController *message=[[YYMessageViewController alloc]init]; 30 [self addOneChildVc:message title:@"消息" imageName:@"tabbar_message_center" selectedImageName:@"tabbar_message_center_selected"]; 31 32 YYDiscoverViewController *discover=[[YYDiscoverViewController alloc]init]; 33 [self addOneChildVc:discover title:@"发现" imageName:@"tabbar_discover" selectedImageName:@"tabbar_discover_selected"]; 34 35 YYProfileViewController *profile=[[YYProfileViewController alloc]init]; 36 [self addOneChildVc:profile title:@"我" imageName:@"tabbar_profile" selectedImageName:@"tabbar_profile_selected"]; 37 38 39 // 调整tabbar 40 YYTabBar *customTabBar = [[YYTabBar alloc] init]; 41 customTabBar.backgroundImage = [UIImage imageWithName:@"tabbar_background"]; 42 customTabBar.selectionIndicatorImage = [UIImage imageWithName:@"navigationbar_button_background"]; 43 // 更换系统自带的tabbar 44 [self setValue:customTabBar forKeyPath:@"tabBar"]; 45 46 // 设置代理（监听控制器的切换， 控制器一旦切换了子控制器，就会调用代理的tabBarController:didSelectViewController:） 47 self.delegate = self; 48 49 } 50 51 - (void)tabBarController:(UITabBarController *)tabBarController didSelectViewController:(UIViewController *)viewController 52 { 53 // 强制重新布局子控件（内部会调用layouSubviews） 54 [self.tabBar setNeedsLayout]; 55 } 56 57 /** 58 * 添加一个子控制器 59 * 60 * @param childVC 子控制对象 61 * @param title 标题 62 * @param imageName 图标 63 * @param selectedImageName 选中时的图标 64 */ 65 -(void)addOneChildVc:(UIViewController *)childVc title:(NSString *)title imageName:(NSString *)imageName selectedImageName:(NSString *)selectedImageName 66 { 67 //随机设置子控制器的背景颜色 68 // childVc.view.backgroundColor=YYRandomColor; 69 70 //设置标题 71 childVc.title=title; //相当于设置了后两者的标题 72 // childVc.navigationItem.title=title;//设置导航栏的标题 73 // childVc.tabBarItem.title=title;//设置tabbar上面的标题 74 75 //设置图标 76 childVc.tabBarItem.image=[UIImage imageWithName:imageName]; 77 //设置选中时的图标 78 UIImage *selectedImage=[UIImage imageWithName:selectedImageName]; 79 80 81 if (iOS7) { 82 // 声明这张图片用原图(别渲染) 83 selectedImage = [selectedImage imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]; 84 } 85 childVc.tabBarItem.selectedImage = selectedImage; 86 87 // 添加为tabbar控制器的子控制器 88 YYNavigationViewController *nav=[[YYNavigationViewController alloc]initWithRootViewController:childVc]; 89 90 [self addChildViewController:nav]; 91 92 } 93 94 95 // 在iOS7中, 会对selectedImage的图片进行再次渲染为蓝色 96 // 要想显示原图, 就必须得告诉它: 不要渲染 97 98 // Xcode的插件安装路径: /Users/用户名/Library/Application Support/Developer/Shared/Xcode/Plug-ins 99 @end
实现效果（iOS7中）
关键代码：更换系统自带的tabbar [self setValue:customTabBar forKeyPath:@"tabBar"]；
说明：不能直接使用self.tabBar的方式调用set方法进行更换，因为这个属性是只读的，这里的实现是直接使用KVC把它内部的下划线常量给修改了。
二、完善
问题说明：
(1)上面的代码下方的UITabBar是透明的。因为ios6中的背景图片是白色的，而ios7中的背景图片是透明的。有两种解决方式，一种是在mainbundle中直接把ios7对应的那张图片素材删除即可，但是这种方法会导致ios7中的穿透效果没有。第二种解决方式，判断当前系统版本，如果当前是ios7则不需要设置。
(2)子控件的frame没必要每次都设置，只需要设置一次就可以了。切换控制器的目的只有一个，就是改变默认和选中状态下文字的颜色。
完善后的代码：
YYTabBar.m文件
1 // 2 // YYTabBar.m 3 // 4 5 #import "YYTabBar.h" 6 7 @interface YYTabBar() 8 @property (nonatomic, weak) UIButton *plusButton; 9 @end 10 11 @implementation YYTabBar 12 13 - (id)initWithFrame:(CGRect)frame 14 { 15 self = [super initWithFrame:frame]; 16 if (self) { 17 if (!iOS7) { 18 self.backgroundImage = [UIImage imageWithName:@"tabbar_background"]; 19 } 20 self.selectionIndicatorImage = [UIImage imageWithName:@"navigationbar_button_background"]; 21 // 添加加号按钮 22 [self setupPlusButton]; 23 } 24 return self; 25 } 26 27 /** 28 * 添加加号按钮 29 */ 30 - (void)setupPlusButton 31 { 32 UIButton *plusButton = [[UIButton alloc] init]; 33 // 设置背景 34 [plusButton setBackgroundImage:[UIImage imageWithName:@"tabbar_compose_button"] forState:UIControlStateNormal]; 35 [plusButton setBackgroundImage:[UIImage imageWithName:@"tabbar_compose_button_highlighted"] forState:UIControlStateHighlighted]; 36 // 设置图标 37 [plusButton setImage:[UIImage imageWithName:@"tabbar_compose_icon_add"] forState:UIControlStateNormal]; 38 [plusButton setImage:[UIImage imageWithName:@"tabbar_compose_icon_add_highlighted"] forState:UIControlStateHighlighted]; 39 [plusButton addTarget:self action:@selector(plusClick) forControlEvents:UIControlEventTouchUpInside]; 40 // 添加 41 [self addSubview:plusButton]; 42 self.plusButton = plusButton; 43 } 44 45 - (void)plusClick 46 { 47 YYLog(@"plusClick----"); 48 } 49 50 /** 51 * 布局子控件 52 */ 53 - (void)layoutSubviews 54 { 55 [super layoutSubviews]; 56 57 // 设置plusButton的frame 58 [self setupPlusButtonFrame]; 59 60 // 设置所有tabbarButton的frame 61 [self setupAllTabBarButtonsFrame]; 62 } 63 64 /** 65 * 设置所有plusButton的frame 66 */ 67 - (void)setupPlusButtonFrame 68 { 69 self.plusButton.size = self.plusButton.currentBackgroundImage.size; 70 self.plusButton.center = CGPointMake(self.width * 0.5, self.height * 0.5); 71 } 72 73 /** 74 * 设置所有tabbarButton的frame 75 */ 76 - (void)setupAllTabBarButtonsFrame 77 { 78 int index = 0; 79 80 // 遍历所有的button 81 for (UIView *tabBarButton in self.subviews) { 82 // 如果不是UITabBarButton， 直接跳过 83 if (![tabBarButton isKindOfClass:NSClassFromString(@"UITabBarButton")]) continue; 84 85 // 根据索引调整位置 86 [self setupTabBarButtonFrame:tabBarButton atIndex:index]; 87 // 88 // // 遍历UITabBarButton中的所有子控件 89 // [self setupTabBarButtonTextColor:tabBarButton atIndex:index]; 90 91 // 索引增加 92 index++; 93 } 94 } 95 96 ///** 97 // * 设置某个按钮的文字颜色 98 // * 99 // * @param tabBarButton 需要设置的按钮 100 // * @param index 按钮所在的索引 101 // */ 102 //- (void)setupTabBarButtonTextColor:(UIView *)tabBarButton atIndex:(int)index 103 //{ 104 // // 选中按钮的索引 105 // int selectedIndex = [self.items indexOfObject:self.selectedItem]; 106 // 107 // for (UILabel *label in tabBarButton.subviews) { 108 // // 说明不是个Label 109 // if (![label isKindOfClass:[UILabel class]]) continue; 110 // 111 // // 设置字体 112 // label.font = [UIFont systemFontOfSize:10]; 113 // if (selectedIndex == index) { // 说明这个Button选中, 设置label颜色为橙色 114 // label.textColor = [UIColor orangeColor]; 115 // } else { // 说明这个Button没有选中, 设置label颜色为黑色 116 // label.textColor = [UIColor blackColor]; 117 // } 118 // } 119 //} 120 121 /** 122 * 设置某个按钮的frame 123 * 124 * @param tabBarButton 需要设置的按钮 125 * @param index 按钮所在的索引 126 */ 127 - (void)setupTabBarButtonFrame:(UIView *)tabBarButton atIndex:(int)index 128 { 129 // 计算button的尺寸 130 CGFloat buttonW = self.width / (self.items.count + 1); 131 CGFloat buttonH = self.height; 132 133 tabBarButton.width = buttonW; 134 tabBarButton.height = buttonH; 135 if (index >= 2) { 136 tabBarButton.x = buttonW * (index + 1); 137 } else { 138 tabBarButton.x = buttonW * index; 139 } 140 tabBarButton.y = 0; 141 } 142 @end
YYTabBarViewController.m文件
1 // 2 // YYTabBarViewController.m 3 // 4 5 #import "YYTabBarViewController.h" 6 #import "YYHomeTableViewController.h" 7 #import "YYDiscoverViewController.h" 8 #import "YYMessageViewController.h" 9 #import "YYProfileViewController.h" 10 #import "UIImage+Extension.h" 11 #import "YYNavigationViewController.h" 12 #import "YYTabBar.h" 13 14 @interface YYTabBarViewController ()<UITabBarControllerDelegate> 15 16 @end 17 18 @implementation YYTabBarViewController 19 20 21 - (void)viewDidLoad 22 { 23 [super viewDidLoad]; 24 //添加四个子控制器 25 YYHomeTableViewController *home=[[YYHomeTableViewController alloc]init]; 26 [self addOneChildVc:home title:@"首页" imageName:@"tabbar_home" selectedImageName:@"tabbar_home_selected"]; 27 28 29 YYMessageViewController *message=[[YYMessageViewController alloc]init]; 30 [self addOneChildVc:message title:@"消息" imageName:@"tabbar_message_center" selectedImageName:@"tabbar_message_center_selected"]; 31 32 YYDiscoverViewController *discover=[[YYDiscoverViewController alloc]init]; 33 [self addOneChildVc:discover title:@"发现" imageName:@"tabbar_discover" selectedImageName:@"tabbar_discover_selected"]; 34 35 YYProfileViewController *profile=[[YYProfileViewController alloc]init]; 36 [self addOneChildVc:profile title:@"我" imageName:@"tabbar_profile" selectedImageName:@"tabbar_profile_selected"]; 37 38 39 // 调整tabbar 40 YYTabBar *customTabBar = [[YYTabBar alloc] init]; 41 // 更换系统自带的tabbar 42 [self setValue:customTabBar forKeyPath:@"tabBar"]; 43 44 // // 设置代理（监听控制器的切换， 控制器一旦切换了子控制器，就会调用代理的tabBarController:didSelectViewController:） 45 // self.delegate = self; 46 47 } 48 49 //- (void)tabBarController:(UITabBarController *)tabBarController didSelectViewController:(UIViewController *)viewController 50 //{ 51 // // 强制重新布局子控件（内部会调用layouSubviews） 52 // [self.tabBar setNeedsLayout]; 53 //} 54 55 56 /** 57 * 添加一个子控制器 58 * 59 * @param childVC 子控制对象 60 * @param title 标题 61 * @param imageName 图标 62 * @param selectedImageName 选中时的图标 63 */ 64 -(void)addOneChildVc:(UIViewController *)childVc title:(NSString *)title imageName:(NSString *)imageName selectedImageName:(NSString *)selectedImageName 65 { 66 //随机设置子控制器的背景颜色 67 // childVc.view.backgroundColor=YYRandomColor; 68 69 //设置标题 70 childVc.title=title; //相当于设置了后两者的标题 71 // childVc.navigationItem.title=title;//设置导航栏的标题 72 // childVc.tabBarItem.title=title;//设置tabbar上面的标题 73 74 //设置图标 75 childVc.tabBarItem.image=[UIImage imageWithName:imageName]; 76 //设置选中时的图标 77 UIImage *selectedImage=[UIImage imageWithName:selectedImageName]; 78 79 //设置tabBarItem普通状态下文字的颜色 80 NSMutableDictionary *textAttrs=[NSMutableDictionary dictionary]; 81 textAttrs[UITextAttributeTextColor]=[UIColor blackColor]; 82 textAttrs[UITextAttributeFont]=[UIFont systemFontOfSize:10]; 83 [childVc.tabBarItem setTitleTextAttributes:textAttrs forState:UIControlStateNormal]; 84 85 //设置tabBarItem普通状态下文字的颜色 86 NSMutableDictionary *selectedtextAttrs=[NSMutableDictionary dictionary]; 87 selectedtextAttrs[UITextAttributeTextColor]=[UIColor orangeColor]; 88 [childVc.tabBarItem setTitleTextAttributes:selectedtextAttrs forState:UIControlStateSelected]; 89 90 if (iOS7) { 91 // 声明这张图片用原图(别渲染) 92 selectedImage = [selectedImage imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]; 93 } 94 childVc.tabBarItem.selectedImage = selectedImage; 95 96 // 添加为tabbar控制器的子控制器 97 YYNavigationViewController *nav=[[YYNavigationViewController alloc]initWithRootViewController:childVc]; 98 99 [self addChildViewController:nav]; 100 101 } 102 103 104 // 在iOS7中, 会对selectedImage的图片进行再次渲染为蓝色 105 // 要想显示原图, 就必须得告诉它: 不要渲染 106 107 // Xcode的插件安装路径: /Users/用户名/Library/Application Support/Developer/Shared/Xcode/Plug-ins 108 @end
三、加号按钮的点击事件
使用代理方法，当点击加号按钮的时候，通知UITabBarController以模态的方式弹出控制器。
实现代码：
1.设置代理
YYTabBar.h文件
1 // 2 // YYTabBar.h 3 // 4 5 #import <UIKit/UIKit.h> 6 7 @class YYTabBar; 8 @protocol YYTabBarDelegate <NSObject> 9 -(void)tabBarDidClickedPlusButton:(YYTabBar *)tabBar; 10 @end 11 12 @interface YYTabBar : UITabBar 13 @property(nonatomic,weak)id<YYTabBarDelegate> delegate; 14 @end
YYTabBar.m文件
1 // 2 // YYTabBar.m 3 // 4 5 #import "YYTabBar.h" 6 7 @interface YYTabBar() 8 @property (nonatomic, weak) UIButton *plusButton; 9 @end 10 11 @implementation YYTabBar 12 13 - (id)initWithFrame:(CGRect)frame 14 { 15 self = [super initWithFrame:frame]; 16 if (self) { 17 if (!iOS7) { 18 self.backgroundImage = [UIImage imageWithName:@"tabbar_background"]; 19 } 20 self.selectionIndicatorImage = [UIImage imageWithName:@"navigationbar_button_background"]; 21 // 添加加号按钮 22 [self setupPlusButton]; 23 } 24 return self; 25 } 26 27 28 /** 29 * 添加加号按钮 30 */ 31 - (void)setupPlusButton 32 { 33 UIButton *plusButton = [[UIButton alloc] init]; 34 // 设置背景 35 [plusButton setBackgroundImage:[UIImage imageWithName:@"tabbar_compose_button"] forState:UIControlStateNormal]; 36 [plusButton setBackgroundImage:[UIImage imageWithName:@"tabbar_compose_button_highlighted"] forState:UIControlStateHighlighted]; 37 // 设置图标 38 [plusButton setImage:[UIImage imageWithName:@"tabbar_compose_icon_add"] forState:UIControlStateNormal]; 39 [plusButton setImage:[UIImage imageWithName:@"tabbar_compose_icon_add_highlighted"] forState:UIControlStateHighlighted]; 40 [plusButton addTarget:self action:@selector(plusClick) forControlEvents:UIControlEventTouchUpInside]; 41 // 添加 42 [self addSubview:plusButton]; 43 self.plusButton = plusButton; 44 } 45 46 - (void)plusClick 47 { 48 //设置代理 49 if ([self.delegate respondsToSelector:@selector(tabBarDidClickedPlusButton:)]) { 50 [self.delegate tabBarDidClickedPlusButton:self]; 51 } 52 } 53 54 /** 55 * 布局子控件 56 */ 57 - (void)layoutSubviews 58 { 59 [super layoutSubviews]; 60 61 // 设置plusButton的frame 62 [self setupPlusButtonFrame]; 63 64 // 设置所有tabbarButton的frame 65 [self setupAllTabBarButtonsFrame]; 66 } 67 68 /** 69 * 设置所有plusButton的frame 70 */ 71 - (void)setupPlusButtonFrame 72 { 73 self.plusButton.size = self.plusButton.currentBackgroundImage.size; 74 self.plusButton.center = CGPointMake(self.width * 0.5, self.height * 0.5); 75 } 76 77 /** 78 * 设置所有tabbarButton的frame 79 */ 80 - (void)setupAllTabBarButtonsFrame 81 { 82 int index = 0; 83 84 // 遍历所有的button 85 for (UIView *tabBarButton in self.subviews) { 86 // 如果不是UITabBarButton， 直接跳过 87 if (![tabBarButton isKindOfClass:NSClassFromString(@"UITabBarButton")]) continue; 88 89 // 根据索引调整位置 90 [self setupTabBarButtonFrame:tabBarButton atIndex:index]; 91 92 // 索引增加 93 index++; 94 } 95 } 96 97 98 /** 99 * 设置某个按钮的frame 100 * 101 * @param tabBarButton 需要设置的按钮 102 * @param index 按钮所在的索引 103 */ 104 - (void)setupTabBarButtonFrame:(UIView *)tabBarButton atIndex:(int)index 105 { 106 // 计算button的尺寸 107 CGFloat buttonW = self.width / (self.items.count + 1); 108 CGFloat buttonH = self.height; 109 110 tabBarButton.width = buttonW; 111 tabBarButton.height = buttonH; 112 if (index >= 2) { 113 tabBarButton.x = buttonW * (index + 1); 114 } else { 115 tabBarButton.x = buttonW * index; 116 } 117 tabBarButton.y = 0; 118 } 119 @end
2.新建一个发送消息的控制器，其继承自UIViewController
YYComposeViewController.m文件
1 // 2 // YYComposeViewController.m 3 // 4 5 #import "YYComposeViewController.h" 6 7 @interface YYComposeViewController () 8 9 @end 10 11 @implementation YYComposeViewController 12 13 14 - (void)viewDidLoad 15 { 16 [super viewDidLoad]; 17 self.title=@"发消息"; 18 self.view.backgroundColor=[UIColor yellowColor]; 19 self.navigationItem.leftBarButtonItem=[[UIBarButtonItem alloc]initWithTitle:@"取消" style:UIBarButtonItemStyleBordered target:self action:@selector(cancel)]; 20 self.navigationItem.rightBarButtonItem=[[UIBarButtonItem alloc]initWithTitle:@"发送" style:UIBarButtonItemStyleBordered target:self action:@selector(send)]; 21 self.navigationItem.rightBarButtonItem.enabled=NO; 22 } 23 24 -(void)send 25 { 26 YYLog(@"发送----"); 27 } 28 29 -(void)cancel 30 { 31 [self dismissViewControllerAnimated:YES completion:nil]; 32 } 33 @end
3.实现代理方法，监听加号按钮的点击事件
YYTabBarViewController.m文件
1 // 2 // YYTabBarViewController.m 3 // 4 5 #import "YYTabBarViewController.h" 6 #import "YYHomeTableViewController.h" 7 #import "YYDiscoverViewController.h" 8 #import "YYMessageViewController.h" 9 #import "YYProfileViewController.h" 10 #import "UIImage+Extension.h" 11 #import "YYNavigationViewController.h" 12 #import "YYTabBar.h" 13 #import "YYComposeViewController.h" 14 15 @interface YYTabBarViewController ()<UITabBarControllerDelegate,YYTabBarDelegate> 16 17 @end 18 19 @implementation YYTabBarViewController 20 21 22 - (void)viewDidLoad 23 { 24 [super viewDidLoad]; 25 //添加四个子控制器 26 [self addAllChildVcs]; 27 28 // 调整tabbar 29 [self addCustomTabBar]; 30 } 31 32 -(void)addAllChildVcs 33 { 34 YYHomeTableViewController *home=[[YYHomeTableViewController alloc]init]; 35 [self addOneChildVc:home title:@"首页" imageName:@"tabbar_home" selectedImageName:@"tabbar_home_selected"]; 36 37 38 YYMessageViewController *message=[[YYMessageViewController alloc]init]; 39 [self addOneChildVc:message title:@"消息" imageName:@"tabbar_message_center" selectedImageName:@"tabbar_message_center_selected"]; 40 41 YYDiscoverViewController *discover=[[YYDiscoverViewController alloc]init]; 42 [self addOneChildVc:discover title:@"发现" imageName:@"tabbar_discover" selectedImageName:@"tabbar_discover_selected"]; 43 44 YYProfileViewController *profile=[[YYProfileViewController alloc]init]; 45 [self addOneChildVc:profile title:@"我" imageName:@"tabbar_profile" selectedImageName:@"tabbar_profile_selected"]; 46 } 47 48 -(void)addCustomTabBar 49 { 50 YYTabBar *customTabBar = [[YYTabBar alloc] init]; 51 //设置代理 52 customTabBar.delegate=self; 53 // 更换系统自带的tabbar 54 [self setValue:customTabBar forKeyPath:@"tabBar"]; 55 } 56 57 58 #pragma mark-YYTabBarDelegate 59 -(void)tabBarDidClickedPlusButton:(YYTabBar *)tabBar 60 { 61 //弹出发微博的控制器 62 YYComposeViewController *compose=[[YYComposeViewController alloc]init]; 63 YYNavigationViewController *nav=[[YYNavigationViewController alloc]initWithRootViewController:compose]; 64 [self presentViewController:nav animated:YES completion:nil]; 65 } 66 67 68 /** 69 * 添加一个子控制器 70 * 71 * @param childVC 子控制对象 72 * @param title 标题 73 * @param imageName 图标 74 * @param selectedImageName 选中时的图标 75 */ 76 -(void)addOneChildVc:(UIViewController *)childVc title:(NSString *)title imageName:(NSString *)imageName selectedImageName:(NSString *)selectedImageName 77 { 78 //随机设置子控制器的背景颜色 79 // childVc.view.backgroundColor=YYRandomColor; 80 81 //设置标题 82 childVc.title=title; //相当于设置了后两者的标题 83 84 85 //设置图标 86 childVc.tabBarItem.image=[UIImage imageWithName:imageName]; 87 //设置选中时的图标 88 UIImage *selectedImage=[UIImage imageWithName:selectedImageName]; 89 90 //设置tabBarItem普通状态下文字的颜色 91 NSMutableDictionary *textAttrs=[NSMutableDictionary dictionary]; 92 textAttrs[UITextAttributeTextColor]=[UIColor blackColor]; 93 textAttrs[UITextAttributeFont]=[UIFont systemFontOfSize:10]; 94 [childVc.tabBarItem setTitleTextAttributes:textAttrs forState:UIControlStateNormal]; 95 96 //设置tabBarItem普通状态下文字的颜色 97 NSMutableDictionary *selectedtextAttrs=[NSMutableDictionary dictionary]; 98 selectedtextAttrs[UITextAttributeTextColor]=[UIColor orangeColor]; 99 [childVc.tabBarItem setTitleTextAttributes:selectedtextAttrs forState:UIControlStateSelected]; 100 101 if (iOS7) { 102 // 声明这张图片用原图(别渲染) 103 selectedImage = [selectedImage imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]; 104 } 105 childVc.tabBarItem.selectedImage = selectedImage; 106 107 // 添加为tabbar控制器的子控制器 108 YYNavigationViewController *nav=[[YYNavigationViewController alloc]initWithRootViewController:childVc]; 109 110 [self addChildViewController:nav]; 111 112 } 113 114 @end
4.实现效果
iOS开发项目篇—27自定义UITabBar,布布扣,bubuko.com
标签：style blog http color 使用 strong
原文地址：http://www.cnblogs.com/wendingding/p/3841033.html
