zoukankan      html  css  js  c++  java
  • iOS实现简书和知乎的上滑隐藏导航栏下拉显示导航栏效果

    因为自己用简书和知乎比较多,所以对其导航栏的效果比较好奇,自己私下里找资料实现了一下。这个效果的关键点在于下方可供滑动的内容的便宜距离inset的改变,以及滑动的scrollview代理的执行,废话不多说,上代码

    首先是tableview的便宜距离inset的设置
        if([self respondsToSelector:@selector(automaticallyAdjustsScrollViewInsets)])
        {
            self.automaticallyAdjustsScrollViewInsets = NO;
            UIEdgeInsets insets = self.tableView.contentInset;
            insets.top =self.navigationController.navigationBar.bounds.size.height;
            self.tableView.contentInset =insets;
            self.tableView.scrollIndicatorInsets = insets;
        }
        self.tableView.frame =CGRectMake(0, 20, self.view.bounds.size.width, self.view.bounds.size.height);
    

     上述代码的作用是在执行的时候自动改变tableview的便宜距离的相关设置,下一步在滑动的时候隐藏导航栏

    -(void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset
    {
        if(velocity.y>0)
        {
            self.navigationController.navigationBar.hidden = YES;
        }
        else
        {
            self.navigationController.navigationBar.hidden = NO;
        }
    }
    

     由此便实现了简书和知乎的导航栏显示和隐藏的效果,各位可以自行添加动画。

  • 相关阅读:
    一、分组查询
    续、传参
    页面加载时loading效果
    2019-6 21
    一、Nuget管理
    三、项目分析
    七、OIDC
    【2019-10-19】习惯的力量
    【2019-10-18】好好珍惜自己的好奇心
    【2019-10-17】女人有钱,体面又可爱
  • 原文地址:https://www.cnblogs.com/zhendiao/p/5118803.html
Copyright © 2011-2022 走看看