ios下拉刷新控件

前言

网上有着不少关于ios的刷新控件的框架,其中比较出名的是MJRefresh,笔者也经常在项目中使用到。这次自己也尝试着写了一个下拉刷新控件。

效果图

这里写图片描述

分析

一、监听滚动

首先,刷新控件当然是要添加在tableView上的,并且我们需要监听tableView的滚动情况,来判断是否执行刷新操作。关于监听ttableView的滚动,我们一开始当时是想到tableView的代理方法,可是这样的话,这控件太不具备移植性了。于是采用另一种方案,KVO。

///添加监听
- (void)willMoveToSuperview:(UIView *)newSuperview {
  if ([newSuperview isKindOfClass:[UIScrollView class]]) {
    self.mySuperview = (UIScrollView *)newSuperview;
    [self.mySuperview addObserver:self forKeyPath:@"contentOffset" options:0 context:nil];
  }
}

二、控件的状态

刷新一共分为下拉刷新,释放刷新,正在刷新三种状态。

typedef enum : NSUInteger {
  OCPullDownRefreshViewStatusNormal,  //下拉刷新
  OCPullDownRefreshViewStatusPulling, //释放刷新
  OCPullDownRefreshViewStatusRefresh, //正在刷新
} OCPullDownRefreshViewStatus;

此外,还需要分是否拖拽中,偏移量,判断状态。

- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSString *,id> *)change context:(void *)context {
  //是否在拖拽中
  if (self.mySuperview.isDragging) {
    //下拉刷新: offy > -124
    if (self.currentStatus == OCPullDownRefreshViewStatusPulling && self.mySuperview.contentOffset.y > -124) {
      self.currentStatus = OCPullDownRefreshViewStatusNormal;
    }else if (self.currentStatus == OCPullDownRefreshViewStatusNormal && self.mySuperview.contentOffset.y < -124 ) {
      //释放刷新
      self.currentStatus = OCPullDownRefreshViewStatusPulling;
    }
  }else {
    //正在刷新
    if (self.currentStatus == OCPullDownRefreshViewStatusPulling && self.mySuperview.contentOffset.y < -124) {
      self.currentStatus = OCPullDownRefreshViewStatusRefresh;
    }
  }
}

总结

最关键的就是判断当前控件的状态,状态判断好了,想做什么只要找好对应的状态执行方法即可。

demo下载地址

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ios仿微信首页下拉主要涉及两个部分:下拉刷新和下拉加载更多。 1. 下拉刷新:用户通过在微信首页下拉的操作,可以刷新页面获取最新的消息。实现下拉刷新的方法如下: 首先,需要在微信首页的ScrollView上添加一个下拉刷新控件,该控件通常为一个旋转的菊花状图标,表示正在加载; 接着,需要在ScrollView的滚动事件中监听滚动位置,并根据滚动位置的变化来判断是否触发下拉刷新; 当滚动位置接近顶部时,可以使用动画效果将下拉刷新控件显示出来,并开始加载最新数据; 当数据加载完成后,更新界面上的消息列表,并隐藏下拉刷新控件。 2. 下拉加载更多:用户通过在微信首页下拉的操作,可以加载更多历史消息。实现下拉加载更多的方法如下: 首先,在微信首页的ScrollView上添加一个底部加载更多的控件,通常为一个旋转的菊花状图标; 然后,监听ScrollView的滚动事件,当滚动位置接近底部时,加载更多控件显示出来,并开始加载历史消息; 加载历史消息后,将加载到的消息添加到消息列表的前面,实现消息的倒序,然后隐藏加载更多控件。 需要注意的是,在实现这两个功能时需要注意性能优化,避免因大量数据加载而导致界面卡顿。可以采用分页加载的方式,每次加载适量的数据,避免一次性加载大量数据。同时,需要合理使用缓存机制,避免重复加载已经加载过的数据。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值