iOS 隐藏navigationBar带来的问题

释放双眼,带上耳机,听听看~!

相信小伙伴们都遇到过隐藏navigationBar这样的需求,但是有一个问题让我蛋疼了好久都没有办法解决,最近项目闲下来,就研究了一下这个问题,让遇到这个问题的小伙伴们也有一个解决这个问题的思路。有更好想法的小伙伴,欢迎提取宝贵的建议。

遇到问题的效果图
tableView悬停.gif

亲们,仔细看最上边可以看出,在隐藏navigationBar的时候,当我们创建一个tableView
的时候,当tableView向下拉的时候,最上面会出现一片空白(为了让小伙伴们能够看得跟清晰,我把背景色设置为灰色),显示效果非常不好看。以前,我每次遇到这个问题的时候,都是头疼不已,想各种办法解决。功夫不负有心人,最近想到了一个办法解决

改正后的效果图
tableView悬停.gif
解决思路:

作者:SunshineBrother
链接:https://www.jianshu.com/p/2db61e4e7332
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

1、设置一个tableView ,他的大小跟视图控制器小一样
2、给tableView设置一个头视图(或者设置内边距)
3、�设置一个ImageView,imageView大小跟头视图一般大,在tableView上下拉的时候,在代理方法- (void)scrollViewDidScroll:(UIScrollView *)scrollView中重新设置imageView的大小
4、当tableView向上滚动一定距离的时候,我们可以自定制一个navigationItem,让他慢慢显示

注意点

1、设置一个tableView ,他的大小跟视图控制器小一样

_tableView = [[UITableView alloc]initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, SCREENH_HEIGHT) style:UITableViewStylePlain];
    _tableView.dataSource = self;
    _tableView.delegate = self;
    _tableView.backgroundColor = [UIColor grayColor];
    [_tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:@"cell"];
    [self.view addSubview:_tableView];

2、给tableView设置一个头视图(或者设置内边距)

 //tableView的头部视图和尾部视图
    UIView * tableHeaderView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 0, 200)];
    _tableView.tableHeaderView = tableHeaderView;

_imageView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, 200)];
    _imageView.image = [UIImage imageNamed:@"image"];
    [self.view addSubview:_imageView];

3、设置导航栏标题,在刚刚创建时设置view 的alpha=0

 UIView *view = [[UIView alloc]initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, 64)];
    view.backgroundColor = [UIColor redColor];
    [self.view addSubview:view];
    _redView = view;
    view.alpha = 0;
    
    UILabel* titleLabel = [[UILabel alloc]initWithFrame:CGRectMake(0, 20, SCREEN_WIDTH, 44)];
    titleLabel.text = @"我是title";
    titleLabel.textColor  = [UIColor whiteColor];
    titleLabel.textAlignment = NSTextAlignmentCenter;
    [view addSubview:titleLabel];

4、重点代码,在代理方法中设置各个空间的frame

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    
    CGFloat offsetY = scrollView.contentOffset.y;
    if (offsetY < 0) {
        _imageView.frame = CGRectMake(0, 0, SCREEN_WIDTH, 200);
        CGRect rect = _imageView.frame;

        CGFloat rate = rect.size.width / rect.size.height;
        //下拉的时候当前的高度
        float height =  - offsetY + 200;
        rect.size.height = height;
        //下拉是应该出现的宽度
        float width = height * rate;
        rect.size.width = width;
        _imageView.frame = rect;
        
//这个代码是设置中心放大
        CGPoint center = _imageView.center;
        center.x = SCREEN_WIDTH/2;
        center.y = 100 - offsetY/2;
        _imageView.center = center;
        
        
        _redView.alpha = 0;
        
    }else{
        CGRect rect = _imageView.frame;
        rect.origin.y = -offsetY;
        _imageView.frame = rect;
//因为下拉的过程offsetY 不是一次+1 的增加的,所以判断当offsetY>64时设置_redView.alpha = 1.0
        if (offsetY <= 64) {
           float MYApla = 1.0/64 * offsetY;
            _redView.alpha = MYApla;
        }else{
            _redView.alpha = 1.0;
        }
    }

}

 

人已赞赏
iOS文章

iOS UIWebView详解以及怎么在webview上面添加进度条

2019-10-3 11:31:17

iOS文章

iOS UISlider数值与滑块联动

2019-10-3 11:39:56

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
有新消息 消息中心
搜索