UITabBarController超强拓展

代码地址如下:
http://www.demodashi.com/demo/11901.html

一、运行效果图

二、项目结构截图

三、主要API

我们主要关注的是TLTabBarController,相比较系统的UITabBarController来讲,它只增加了两个API。

@interface TLTabBarController : UITabBarController

/**
 *  添加子控制器
 *
 *  @param  viewController      视图控制器
 *  @param  actionBlock         切换事件,返回是否允许切换,默认nil
 */
- (void)addChildViewController:(UIViewController *)viewController actionBlock:(BOOL (^)())actionBlock;


/**
 *  添加突出的tabbarItem,点击事件在acitonBlock中指定
 *
 *  @param  systemTabBarItem    系统tabBarItem
 *  @param  actionBlock         切换事件
 */
- (void)addPlusItemWithSystemTabBarItem:(UITabBarItem *)systemTabBarItem actionBlock:(void (^)())actionBlock;

@end

四、程序实现

一行代码实现TLTabBarController接入

只需用TLTabBarController代替UITabBarController,即可实现TLTabBarController的接入。

//    UITabBarController *tabBarController = [[UITabBarController alloc] init];
    TLTabBarController *tabBarController = [[TLTabBarController alloc] init];

基于系统原生控件封装
基于系统原生控件封装
基于系统原生控件封装

重说三,系统方法仍然可用。所以切换后,项目仍能完美运行。

自定义切换事件

在某些业务场景下,点击某个tab需要确认用户是否登录,TLTabBarController完美解决这一问题

 	// 1、创建一个vc
    TLMessageViewController *vc3 = [[TLMessageViewController alloc] init];
    UINavigationController *navC3 = [[UINavigationController alloc] initWithRootViewController:vc3];
    
    // 2、将vc添加到tabBarController中,并设置自定义的响应事件
    [tabBarController addChildViewController:navC3 actionBlock:^BOOL {
        // 3、点击响应block,自己的业务逻辑
		// 4、要跳转时,直接调用tabbarController API
       
        // 5、actionBlock返回NO代表,点击该item时,不允许直接跳转
        return NO;
    }];

添加凸出的发布按钮

直接看代码,非常简单

	// 1、创建一个系统的tabbarItem 
    UITabBarItem *addItem = [[UITabBarItem alloc] initWithTitle:@"发布" image:[UIImage imageNamed:@"publish"] selectedImage:[UIImage imageNamed:@"publish"]];
	// 2、将item添加到 tabBarController
    [tabBarController addPlusItemWithSystemTabBarItem:addItem actionBlock:^{
        // 3、点击事件,弹出发布界面等
    }];

可以通过修改item的偏移量,更改凸出的高度。

双击tabbarItem事件

双击事件是通过协议的方式,传递给该item所在的vc。

@protocol TLTabBarControllerProtocol <NSObject>

@optional;
/**
 *  tabBar被单击
 *
 *  @param  isSelected      是否已经选中
 */
- (void)tabBarItemDidClick:(BOOL)isSelected;

/**
 *  tabBar被双击(仅在已选中时调用)
 */
- (void)tabBarItemDidDoubleClick;

@end

所以,在对应VC实现TLTabBarControllerProtocol即可监听到双击事件。
详见代码

#import "TLMessageViewController.h"
#import "TLTabBarControllerProtocol.h"
#import "SVProgressHUD.h"

@interface TLMessageViewController () <TLTabBarControllerProtocol>

@property (nonatomic, strong) UIWebView *webView;

@end

@implementation TLMessageViewController

- (void)loadView {
    [super loadView];
    [self setTitle:@"消息"];
    
    [self.view setBackgroundColor:[UIColor orangeColor]];
    
    self.webView = [[UIWebView alloc] initWithFrame:self.view.bounds];
    [self.view addSubview:self.webView];
    
    UIBarButtonItem *clearBadgeButton = [[UIBarButtonItem alloc] initWithTitle:@"消除红点" style:UIBarButtonItemStylePlain target:self action:@selector(clearBadgeButtonClick)];
    [self.navigationItem setRightBarButtonItem:clearBadgeButton];
    
    [self loadRequest];
}

- (void)clearBadgeButtonClick
{
    [self.tabBarItem setBadgeValue:nil];
}

- (void)loadRequest
{
    [self.webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.libokun.com"]]];
}

#pragma mark - # TLTabBarControllerProtocol
- (void)tabBarItemDidDoubleClick
{
    [SVProgressHUD showInfoWithStatus:@"正在刷新..."];
    [self loadRequest];
}

@end

支持tabbarItem红点

设置tabbarItem.badgeValue = @"";即可

支持仅图片模式

不设置title,tabBarItem居中显示图片

完美支持横屏

无需一行代码

五、其他补充

暂没UITabBarController超强拓展

代码地址如下:
http://www.demodashi.com/demo/11901.html

注:本文著作权归作者,由demo大师代发,拒绝转载,转载需要作者授权

posted on 2018-03-05 16:48  demo例子集  阅读(743)  评论(0编辑  收藏  举报

导航