AMScrollingNavbar框架是一个可以上拉隐藏导航栏和下拉显示导航栏的框架,这个开源框架的调用也很简单,本章节就给大家介绍一下这个框架的用法。

一、下载及导入框架

AMScrollingNavbar

在下载框架的时候大家需要注意一下,选择V1.x,否则下载的是swift的版本,如下图:

下载好以后,大家只需要将下图中的两个文件引入所需工程即可:

二、引入头文件并完成相关属性设置

  • 首先需要在控制器类中引入要用到的头文件
  1. #import "UIViewController+ScrollingNavbar.h"
  • 完成相关属性设置

在这个框架里面我们需要一个向上约束的属性,这个属性的作用就是,滑动我们的控件时候导航栏可以有一个淡入淡出的效果,首先我们在故事板中将我们要用到的控件拖进去,如下图,将Navigation Controller拖进去代替原来的控制器,然后将其根控制设置为一个新的ViewController,并在该ViewController里面拖入WebView,大小与当前屏幕尺寸一致。

将相关的控件拖入故事板以后,选中WebView控件设置其向上约束的属性,其值设置为0,同时使得该属性以及WebView控件与ViewController.m文件建立连接,如下图:

  1. @property (weak, nonatomic) IBOutlet UIWebView *myWebView;
  2. @property (weak, nonatomic) IBOutlet NSLayoutConstraint *topLayout;
  • 在WebView的懒加载中调用下面的方法,即可实现所需的效果。
  1. [self followScrollView:_myWebView usingTopConstraint:self.topLayout];

三、在ViewController.m文件中实现效果

  1. - (UIWebView *)myWebView{
  2. NSURL *url = [NSURL URLWithString:@"http://www.hcios.com"];
  3. NSURLRequest *request = [NSURLRequest requestWithURL:url];
  4. [self followScrollView:_myWebView usingTopConstraint:self.topLayout];//只需要将这句代码写入就可以
  5. [self setTitle:@"test"];
  6. [_myWebView loadRequest:request];
  7. return _myWebView;
  8. }
  9. - (void)viewDidLoad {
  10. [super viewDidLoad];
  11. [self myWebView];
  12. }

示例代码下载

AMSrollingDemo

AMScrollingNavbar框架(自动隐藏导航栏)使用简介的更多相关文章

  1. iOS---实现简书和知乎的上滑隐藏导航栏下拉显示导航栏效果

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

  2. iOS 滑动隐藏导航栏-三种方式

    /** 1隐藏导航栏-简单- */    self.navigationController.hidesBarsOnSwipe = YES; /** 2隐藏导航栏-不随tableView滑动消失效果 ...

  3. 安卓ROOT后禁用/隐藏导航栏/虚拟按键

    安卓ROOT后禁用/隐藏导航栏/虚拟按键 提醒:提前装好EASY TOUCH 等类似工具. 用ROOT EXPLORER 或 ROOT BROWSER system\bulid.prop 最后加一行: ...

  4. iOS 隐藏导航栏下的黑线

    一.找到导航栏下的黑线 // 寻找导航栏下的黑线 - (UIImageView *)findHairlineImageViewUnder:(UIView *)view { if ([view isKi ...

  5. iOS侧滑返回到隐藏导航栏的VC,导航栏会闪现一次

    VCA:是一个隐藏导航栏的页面:VCA在ViewWillAppear生命周期函数中设置导航栏隐藏: //隐藏导航栏 [self.navigationController setNavigationBa ...

  6. iOS11关于隐藏导航栏后带有tableView界面出现,下移问题

    //解决iOS11关于隐藏导航栏后带有scrollView界面出现,下移问题 if (@available(iOS 11.0, *)) { self.tableView.contentInsetAdj ...

  7. uwp - 上滑隐藏导航栏下滑显示

    原文:uwp - 上滑隐藏导航栏下滑显示 好久没写博客了,因为忙着工作.昨天周末填坑需要做一个上滑列表数据时隐藏导航栏下滑时显示的效果,下面分享一下我的做法,希望能给你带来帮助. 思路是通过判断滚动条 ...

  8. css+js实现自动伸缩导航栏

    用css+js实现自动伸缩导航栏 需要达到的效果: 默认首页选中样式 设置鼠标滑过效果:颜色变化(#f60),宽度变化,字体变化 所涉及的知识点: 布局:float css: 元素状态切换(displ ...

  9. 在隐藏导航栏的控制器中,调用UIIMagePickerController,出现导航栏变透明的问题

    在隐藏导航栏的控制器中,调用UIIMagePickerController,出现导航栏变透明的问题 解决办法 #pragma mark - UIImagePickerController Delega ...

随机推荐

  1. CentOS中搭建Redis伪分布式集群【转】

    解压redis 先到官网https://redis.io/下载redis安装包,然后在CentOS操作系统中解压该安装包: tar -zxvf redis-3.2.9.tar.gz 编译redis c ...

  2. Windows下Oracle数据库自动备份批处理脚本

    expdb命令版本 @echo off REM ########################################################### REM # Windows Se ...

  3. java基础9 main函数、this、static、super、final、instanceof 关键字

    一.main函数详解 1.public:公共的.权限是最大的,在任何情况都可以访问  原因:为了保证jvm在任何情况下都可以访问到main法2.static:静态,静态可以让jvm调用更方便,不需要用 ...

  4. scrapy使用PhantomJS和selenium爬取数据

    1.phantomjs 安装 下载:http://phantomjs.org/download.html 解压: tar -jxvf phantomjs--linux-x86_64.tar.bz2 重 ...

  5. Oracle与MySQL连接配置

    MySQL: Driver: com.mysql.jdbc.Driver url: jdbc:mysql://localhost:3306/GBDSPT(数据库名称) Oracle: Driver:o ...

  6. nginx配置tomcat集群

    显示nginx的核心配置 #user nobody;worker_processes 1; events { worker_connections 1024;    #并发连接数} http { in ...

  7. 【企业通讯录app番外篇】怎么样创建服务端?

    本文将指导大家如何去创建企业通讯录app的服务端 除了获取图片,客户端与服务端唯一的交互就是获取最新数据,如果该用户不能获取数据(用户名密码错误.用户离职被删)则返回空. 1:典型的交互流程如下: 用 ...

  8. css 画的动画表情

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. 开源IDS系列--snorby 2.6.2 undefined method `run_daily_report' for Event:Class (NoMethodError)

    rails runner "Event.run_daily_report"测试邮件配置undefined method `run_daily_report' for Event:C ...

  10. PHP using mcrypt and store the encrypted in MySQL

    This is how I would do it. Create a class to do encryption/decryption: class cipher { private $secur ...