iOS编写下拉刷新控件

现在iOS里有很多成熟的下拉刷新控件，比如MJRefresh，SVPullToRefresh

我这里参考了SV的写法，但是回调用的是代理，没有用block，个人感觉用代理更简洁一点

下拉刷新的基本原理

在scrollview的上面和下面分别添加一个view，上面的是下拉的时候展示下拉动画的headerView，下面的是上拉加载更多的时候展示动画的footerView

这里的headerView和footerView都是自己添加的，和tableView自己的header，footer不一样

headerView是添加在scrollView的最上面的，设置frame的时候是origin.y是负数

当下拉达到条件就触发刷新，同时更改scrollview的contentInsert.top值，以使手指松开之后headerView仍然可以露出来

刷新结束之后，停止headerView上面的动画，然后把contentInsert的值改回去

footerView是添加在最下方的，frame.origin.y是scrollview的contentSize.height

在上拉到一定程度之后就更改scrollview的contentInsert，使footerView可以露出来，加载结束之后就改回去

如何写下拉刷新

写下拉刷新一般都是给scrollview写一个类别，添加一个新的方法，来把headerView和footerView添加到scrollview上面

给scrollview声明一个headerView类型的属性（如何给类别添加属性）

然后给scrollview的contentoffset属性添加监听者，这个监听者就是headerView

这样，在scrollview滑动的时候，就可以监听到滑动的情况，并根据数据来决定是否刷新和时候改变scrollview.contentInsert.y

然后再写一个停止刷新的方法，用来停止刷新动画和更改scrollview.contentInsert.y

这样scrollview的扩展就写完了，然后就要写自定义的headerView

headerView的动画是根据需要些的，数据来源就是监听到的contentoffset

在scrollViewDidScroll方法里来处理监听到的值

这里使用了一个枚举类型来记录刷新状态，从而控制动画

虽然原理简单，但是实践起来遇到了很多困难，有技术上的，也有逻辑上的，心力交瘁，才搞出来一个小

Demo：https://github.com/chebaoGitHub/CBGeneralRefreshView

footerView同理

结语：

写这个控件最大的收获就是加深了对set get方法的理解，对scrollview的理解，对category的理解

但是这里仍然有一个bug：

在下拉达到条件，headerView开始动画，设置contentInsert之后，正在回弹的scrollview会出现抖动，手指滑的越快抖动越厉害，不知道为什么，现在还没有解决，希望大家可以有好的解决方法，大家共同学习。

赞 (0)

相关推荐

  • iOS DropDown下拉按钮效果代码分享

    iOS DropDown下拉按钮效果代码分享

    本文实例为大家分享了iOS下拉按钮效果展示的具体代码,供大家参考,具体内容如下 一.效果图. 二.工程图. 三.代码. RootViewController.h #import <UIKit/UIKit.h> @interface RootViewController : UIViewController @end RootViewController.m #import "RootViewController.h" #import "NIDropDown.h&q

  • IOS代码笔记之下拉菜单效果

    IOS代码笔记之下拉菜单效果

    本文实例为大家分享了ios下拉菜单的具体代码,供大家参考,具体内容如下 一.效果图 二.工程图 三.代码 RootViewController.h #import <UIKit/UIKit.h> @interface RootViewController : UIViewController @end RootViewController.m #import "RootViewController.h" #import "NIDropDown.h" @i

  • iOS开发之tableView点击下拉扩展与内嵌collectionView上传图片效果

    iOS开发之tableView点击下拉扩展与内嵌collectionView上传图片效果

    废话不多说了,直奔主题. //需要的效果 1.设置window的根视图控制器为一个UITableViewController #import "AppDelegate.h" #import "YCTableViewController.h" @interface AppDelegate () @end @implementation AppDelegate - (BOOL)application:(UIApplication *)application didFin

  • 举例讲解iOS中延迟加载和上拉刷新/下拉加载的实现

    lazy懒加载(延迟加载)UITableView 举个例子,当我们在用网易新闻App时,看着那么多的新闻,并不是所有的都是我们感兴趣的,有的时候我们只是很快的滑过,想要快速的略过不喜欢的内容,但是只要滑动经过了,图片就开始加载了,这样用户体验就不太好,而且浪费内存.              这个时候,我们就可以利用lazy加载技术,当界面滑动或者滑动减速的时候,都不进行图片加载,只有当用户不再滑动并且减速效果停止的时候,才进行加载.               刚开始我异步加载图片利用SDWe

  • iOS开发之UITableView与UISearchController实现搜索及上拉加载，下拉刷新实例代码

    废话不多说了,直接给大家贴代码了. 具体代码如下所示: #import "ViewController.h" #import "TuanGouModel.h" #import "TuanGouTableViewCell.h" #define kDeviceWidth [UIScreen mainScreen].bounds.size.width #define kDeviceHeight [UIScreen mainScreen].bounds.

  • iOS下拉选择菜单简单封装

    本文实例为大家分享了简单封装的iOS下拉选择菜单代码,供大家参考,具体内容如下 // // OrderListDownMenu.h #import <UIKit/UIKit.h> @protocol OrderListDownMenuDelegate <NSObject> - (void)OrderListDownMenu:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath; @end

  • iOS实现顶部标签式导航栏及下拉分类菜单

    iOS实现顶部标签式导航栏及下拉分类菜单

    本文实例为大家分享了iOS实现顶部标签式导航栏及下拉分类菜单的全部过程,供大家参考,具体内容如下 当内容及分类较多时,往往采用顶部标签式导航栏,例如网易新闻客户端的顶部分类导航,最近刚好有这样的应用场景,参考网络上一些demo,实现了这种导航效果,记录一些要点. 效果图(由于视频转GIF掉帧,滑动和下拉动画显得比较生硬,刚发现quickTime可以直接录制手机视频,推荐一下,很方便) 1.顶部标签式导航栏 (1)实现思路 其实就是在上下两个UIScrollView上做文章,实现联动选择切换的效果

  • iOS开发中视图的下拉放大和上拉模糊的效果实现

    把"秘密"的Cell效果整体视图都放到scrollView中,基本是和secret app 一模一样的效果了. 代码如下:(模糊效果的类就不写了,大家可以搜"UIImage+ImageEffects",还要导入Accelerate.framework) 1.MTSecretAppEffect.h 复制代码 代码如下: #import <Foundation/Foundation.h>    @interface MTSecretAppEffect : N

  • 一个方法搞定iOS下拉放大及上推缩小

    一个方法搞定iOS下拉放大及上推缩小

    下面这种效果在ios应用中很常见: 实现思路: 1､创建头部的视图和tableview,需要注意的是tableview要设置contentInset,contentInsent 的顶部要和头部视图的背景图的高度一样,否则会有空隙(或是有遮挡). myTableView.contentInset = UIEdgeInsetsMake(headRect.size.height-navHeight-navHeight, 0, 0, 0); 2､对头部视图的背景图片的尺寸进行处理,当然,你也可以直接找一

  • iOS实现MJRefresh下拉刷新（上拉加载）使用详解

    iOS实现MJRefresh下拉刷新（上拉加载）使用详解

    下拉刷新控件目前比较火的有好几种,本人用过MJRefresh 和 SVPullToRefresh,相对而言,前者比后者可定制化.拓展新都更高一点. 因此本文着重讲一下MJRefresh的简单用法. 导入项目: cocoapods导入:pod 'MJRefresh' 手动导入: 将MJRefresh文件夹中的所有文件拽入项目中 导入主头文件:#import "MJRefresh.h" 使用介绍: 广泛性分为6种使用场景,分别对应:默认.动画图片.隐藏时间.隐藏时间和状态.自定义文字说明.

随机推荐