RDVTabBarController--可自由定制的iOS底部导航控件

  • RDVTabBarController:一个十分完善的tabBarController,可以自定义角标个数,爽的停不下来。
  • RDVTabBarController地址:RDVTabBarController
  • Demo地址:欢迎Star

说明

  • 此教程是旨在让你快速入手,如需更加深层次的了解,请直接RDVTabBarController地址分析即可;

使用

pod 'RDVTabBarController'

建议直接CocoaPods管理,对CocoaPods有兴趣的童鞋可以戳cocoapods-install-usage

结构

RDVTabBar 
@interface RDVTabBar : UIView
RDVTabBarController
@interface RDVTabBarController : UIViewController 
RDVTabBarItem
@interface RDVTabBarItem : UIControl

RDVTabBarController Example Usage其实已经很详细了,接下来看初始化

 //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基本搭建好了,但是还需要完善一些,比如,角标设置,push隐藏等。

  • Push隐藏tabBar,你只需要这样即可

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

  • 设置角标数

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; ```
  • 还有需要多等待你去发现...

结语

RDVTabBarController是一个很棒的第三方tabBarController,值得我们学习和思考。

  • 相比传统第三方,你会发现可以很好的定制角标,这是极好的,当然你也可以自定义;
  • 但是不能定义中间凸起的tabBar,好早之前去哪儿就是中间凸起一个tabBar,不过现在去哪儿也改成传统的tabBar了;

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Android干货

Android项目实战(八):列表右侧边栏拼音展示效果

2745
来自专栏数据结构与算法

BZOJ 4152: [AMPPZ2014]The Captain(最短路)

Description 给定平面上的n个点,定义(x1,y1)到(x2,y2)的费用为min(|x1-x2|,|y1-y2|),求从1号点走到n号点的最小费用...

3277
来自专栏菜鸟前端工程师

html+css学习笔记020-结业(静态网站布局-京东)

722
来自专栏Java帮帮-微信公众号-技术文章全总结

JavaScript计算水仙花数【可自定义范围】

水仙花数百科 水仙花数是指一个 n 位正整数 ( n≥3 ),它的每个位上的数字的 n 次幂之和等于它本身。(例如:1^3 + 5^3+ 3^3 = 153) ...

3377
来自专栏前端杂货铺

简单拖拽实现

拖拽的元素必须绝对定位。 在实际操作中,犯了一个简单的错误:   对于iframe元素的事件绑定,需要在src完全加载后进行绑定。 iframe.onload ...

2334
来自专栏转载gongluck的CSDN博客

cocos2dx 消灭星星

#include "GamePopStar.h" #include "StarSprite.h" USING_NS_CC; Scene* GamePopSt...

3539
来自专栏Golang语言社区

Golang语言实现AzDG可逆加密算法实例

package main import ( "fmt" "crypto/md5" "encoding/base64" "time" ) var ciph...

2815
来自专栏余生开发

echarts太阳分布图-饼图来回穿梭

var dom = document.getElementById("container");

692
来自专栏魂祭心

原 canvas绘制clock

2594
来自专栏Linux驱动

20.QT-Qpixmap实现图片鼠标缩放,鼠标拖动示例(详解)

2395

扫码关注云+社区