iOS仿喵播的一个隐藏导航栏和TabBar的效果

有同志说,使用我的这个自动隐藏bar的小框架,点击cell不能跳转,于是对代码进行了相应的修改,修改后的代码将不会影响cell的点击等其他可能出现问题,最新版的可以登录我的github进行查看(https://github.com/ITChong/YCAutoHideOrShowBarObj ), 另外使用的方法也有所改变,请查看下图(16/9/19更新)

最新的使用方法

这几天不是很忙,就写了一个非常小的小工具,使用它,我们就可以自动隐藏和显示iOS的导航栏和TabBar栏了,也就是喵播那个隐藏导航栏和TabBar栏的效果

只需要在控制器里写上下面一行代码即可,如果你设置了UINavigationController属性,没有设置UITabBarViewController,那么就只有导航栏支持自动隐藏和显示的效果,如果都设置了,那么都将会有自动隐藏和显示的效果,目前的应用的需求大多数,都是要么隐藏导航栏,要么导航栏和TabBar栏都隐藏,所以目前我就只写了这两种情况,如果你有只隐藏TabBar栏的需求,可以告诉我,我将修改代码,实现你要的效果

    /*--------------------------> 设置自动隐藏导航栏和tabBar栏 <------------------------*/
[YCAutoHideOrShowBarObj setupNavBarorTabBarWithScrollView:self.tableView NavigationVc:self.navigationController tabBarVc:self.tabBarController];

下面是setup方法的介绍
+ (void)setupNavBarorTabBarWithScrollView:(UIScrollView *)scrollView NavigationVc:(UINavigationController *)navVc tabBarVc:(UITabBarController *)tabBarVc {
YCAutoHideOrShowBarObj *obj = [self sharedInstance];
obj.autoHideNavigationVc = navVc;
obj.autoHideTabBarVc = tabBarVc;
scrollView.delegate = obj;
}

下面是scrollView代理方法的实现

#pragma mark UIScrollViewDelegate
/**
 *  开始拖拽
 */
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView {
    
    self.originY = [NSNumber numberWithFloat:scrollView.contentOffset.y];
    self.lastY = [NSNumber numberWithFloat:scrollView.contentOffset.y];
    
}

/**
 *  正在拖拽
 */
- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
#warning 控制器第一次显示的时候,会调用一次这个方法,而不调用上一个方法,所以要在这里做一层判断
    if (self.lastY == nil) { // lastY 代表 上一次的contentOfset的y值
        return;
    }
    
    CGFloat distance = scrollView.contentOffset.y - self.lastY.floatValue;
    
    if (distance >= 0) {
        if (self.autoHideNavigationVc.navigationBar.frame.origin.y <= -44) {
            self.autoHideNavigationVc.navigationBar.transform = CGAffineTransformMakeTranslation(0, -64);
            self.autoHideTabBarVc.tabBar.transform = CGAffineTransformMakeTranslation(0, 49);
            return;
        }
    } else {
        if (self.autoHideNavigationVc.navigationBar.frame.origin.y >= 20) {
            self.autoHideNavigationVc.navigationBar.transform = CGAffineTransformMakeTranslation(0, 0);
            self.autoHideTabBarVc.tabBar.transform = CGAffineTransformMakeTranslation(0, 0);
            return;
        }
    }
    
    self.lastY = [NSNumber numberWithFloat:scrollView.contentOffset.y];
    if(scrollView.contentOffset.y - self.originY.floatValue > 64 && self.originY != nil) {
        self.autoHideNavigationVc.navigationBar.transform = CGAffineTransformMakeTranslation(0, -64);
        self.autoHideTabBarVc.tabBar.transform = CGAffineTransformMakeTranslation(0, 49);
    } else if(self.originY.floatValue - scrollView.contentOffset.y > 64 && self.originY != nil){
        self.autoHideNavigationVc.navigationBar.transform = CGAffineTransformIdentity;
        self.autoHideTabBarVc.tabBar.transform = CGAffineTransformIdentity;
    } else {
        self.autoHideNavigationVc.navigationBar.transform = CGAffineTransformTranslate(self.autoHideNavigationVc.navigationBar.transform, 0, -distance);
        self.autoHideTabBarVc.tabBar.transform = CGAffineTransformTranslate(self.autoHideTabBarVc.tabBar.transform, 0, distance);
    }
    
}

/**
 *  拖拽完了
 */
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate {
    [self hideOrHiddenNavBar:scrollView];
    self.lastY = nil;
    self.originY = nil;
}

/**
 *  减速完了
 */
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {
    [self hideOrHiddenNavBar:scrollView];
    self.lastY = nil;
    self.originY = nil;
}

/**
 *  拖拽都停止了,调用这个方法,判断显示和隐藏
 */
- (void)hideOrHiddenNavBar:(UIScrollView *)scrollView {
    CGFloat navY = self.autoHideNavigationVc.navigationBar.frame.origin.y;
    if (navY == 20 || navY == -44) {
        return;
    }
    if (navY > -11) {
        [UIView animateWithDuration:0.3 animations:^{
            self.autoHideNavigationVc.navigationBar.transform = CGAffineTransformMakeTranslation(0, 0);
            self.autoHideTabBarVc.tabBar.transform = CGAffineTransformMakeTranslation(0, 0);
        }];
        
    } else {
        [UIView animateWithDuration:0.3 animations:^{
            self.autoHideNavigationVc.navigationBar.transform = CGAffineTransformMakeTranslation(0, -64);
            self.autoHideTabBarVc.tabBar.transform = CGAffineTransformMakeTranslation(0, 49);
        }];
        if (scrollView.contentOffset.y < 0) {
            [scrollView setContentOffset:CGPointMake(0, 0)];
        }
    }
}

采用单利模式来创建对象,然后让obj对象成为传进来的tableView的代理,就可以在代理方法中,监听scrollView的拖拽了,通过代理方法,检测手滑动的位置来判断bar的显示和隐藏(修改的它们的transform属性)。具体的实现内容,可以查看我的demo:https://github.com/ITChong/YCAutoHideOrShowBarObj,有bug了,欢迎提出来

demo.gif

欢迎给星

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 160,026评论 4 364
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,655评论 1 296
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 109,726评论 0 244
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,204评论 0 213
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,558评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,731评论 1 222
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,944评论 2 314
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,698评论 0 203
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,438评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,633评论 2 247
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,125评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,444评论 3 255
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,137评论 3 238
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,103评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,888评论 0 197
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,772评论 2 276
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,669评论 2 271

推荐阅读更多精彩内容