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