RDVTabBarController--可自由定制的iOS底部導(dǎo)航控件

2019-11-14 18:11:18

字體：大中小

供稿：網(wǎng)友

RDVTabBarController：一個十分完善的tabBarController，可以自定義角標個數(shù)，爽的停不下來。
RDVTabBarController地址：RDVTabBarController
Demo地址：歡迎Star

說明

此教程是旨在讓你快速入手，如需更加深層次的了解，請直接RDVTabBarController地址分析即可；

使用

pod 'RDVTabBarController'

建議直接CocoaPods管理，對CocoaPods有興趣的童鞋可以戳cocoapods-install-usage

結(jié)構(gòu)

RDVTabBar @interface RDVTabBar : UIView

RDVTabBarController@interface RDVTabBarController : UIViewController

RDVTabBarItem@interface RDVTabBarItem : UIControl

RDVTabBarController Example Usage其實已經(jīng)很詳細了，接下來看初始化

 //VString宏定義，為了就是更好的國際化語言，適配多語言，剛好此Demo也國際化了，可以參看https://github.com/sauchye/dev_notes/issues/4 #define VString(x)      NSLocalizedString(x, nil)

- (void)setupViewControllers{    SYFirstViewController *firstVC = [[SYFirstViewController alloc] init];    SYSecondViewController *secondVC = [[SYSecondViewController alloc] init];    SYThirdViewController *thirdVC = [[SYThirdViewController alloc] init];    firstVC.title = VString(@"Home");    secondVC.title = VString(@"Found");    thirdVC.title = VString(@"Me");    self.firstNav = [[SYBaseNavigationController alloc] initWithRootViewController:firstVC];    self.secondNav = [[SYBaseNavigationController alloc] initWithRootViewController:secondVC];    self.thirdNav = [[SYBaseNavigationController alloc] initWithRootViewController:thirdVC];    [self setViewControllers:@[self.firstNav, self.secondNav, self.thirdNav]];    [self customizeTabBarForController];}

- (void)customizeTabBarForController{    //tabbar 背景圖片 tabbar_background    UIImage *backgroundImage = [UIImage imageNamed:@"tabbar_background"];    //選項卡圖片    NSArray *tabBarItemImages;  	//這里添加tabBar icon圖片    //= @[VString(@"First"), VString(@"Second"),VString(@"Third")];    NSArray *tabBarItemTitles = @[VString(@"Home"), VString(@"Found"), VString(@"Me")];    NSInteger index = 0;    for (RDVTabBarItem *item in [[self tabBar] items])    {        item.titlePositionAdjustment = UIOffsetMake(0, 2.0);        [item setBackgroundSelectedImage:backgroundImage withUnselectedImage:backgroundImage];        UIImage *selectedimage = [UIImage imageNamed:[NSString stringWithFormat:@"%@_selected",[tabBarItemImages objectAtIndex:index]]];        UIImage *unselectedimage = [UIImage imageNamed:[NSString stringWithFormat:@"%@_normal",[tabBarItemImages objectAtIndex:index]]];        [item setFinishedSelectedImage:selectedimage withFinishedUnselectedImage:unselectedimage];        [item setTitle:[tabBarItemTitles objectAtIndex:index]];        item.selectedTitleAttributes = @{                                         NSFontAttributeName: [UIFont boldSystemFontOfSize:12],                                         NSForegroundColorAttributeName:kNAVIGATION_BAR_COLOR,                                         };        item.unselectedTitleAttributes = @{                                           NSFontAttributeName: [UIFont boldSystemFontOfSize:12],                                           NSForegroundColorAttributeName:RGB(217, 217, 217),                                           };        [item setTitle:[tabBarItemTitles objectAtIndex:index]];        index++;    }}

這樣你的tabBar基本搭建好了，但是還需要完善一些，比如，角標設(shè)置，push隱藏等。

Push隱藏tabBar，你只需要這樣即可

objective-c - (void)viewWillAppear:(BOOL)animated{ [super viewWillAppear:animated]; [[self rdv_tabBarController] setTabBarHidden:YES animated:YES]; }

設(shè)置角標數(shù)

objective-c [[self rdv_tabBarItem] setBadgeValue:@"3"];

RDVTabBarControllerDelegate，相信你看就會明白，好的方法命名很重要啊~

``` objective-c
/**

Asks the delegate whether the specified view controller should be made active.
*/
(BOOL)tabBarController:(RDVTabBarController )tabBarController shouldSelectViewController:(UIViewController )viewController;

/**

Tells the delegate that the user selected an item in the tab bar.
*/
(void)tabBarController:(RDVTabBarController )tabBarController didSelectViewController:(UIViewController )viewController;
```
還有需要多等待你去發(fā)現(xiàn)...