AMScrollingNavbar框架(自动隐藏导航栏)使用简介

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

一、下载及导入框架

AMScrollingNavbar

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

AMScrollingNavbar框架(自动隐藏导航栏)使用简介_第1张图片

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

AMScrollingNavbar框架(自动隐藏导航栏)使用简介_第2张图片

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

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

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

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

AMScrollingNavbar框架(自动隐藏导航栏)使用简介_第6张图片AMScrollingNavbar框架(自动隐藏导航栏)使用简介_第7张图片

  
  
  
  
  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. }

你可能感兴趣的:(ios,框架)