上下拉刷新

简介: 上下拉刷新

上下拉刷新


我今天给大家写一个简单的上下拉刷新的基本思路

1:要实现上下拉刷新,必须要有一个可滚动的View 所以是UIScrollView  UITableView  UICollectionView 或者继承它们的,其实UITableView和UICollectionView 都是继承UIScrollView

2:要弄一个刷新控件其实就用一个UIView ,在UIView 上面添加文字,图片,等等其他控件  然后将UIView添加到tableView上,这里注意要设置UIView的Y值,让UIView的Y值为—H(高)

3:监听滚动事件,刚才前面说到了继承UIScrollView 所以有个方法监听它的滚动

在这个方法里面判断scrollView.contentOffset.y的偏移量

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
//如果向下滑动刚好是149那么就让它回到之前正在刷新的状态
    if (scrollView.contentInset.top == 149) return;
    //如果向下滑动149的时候,文字改变为松开立即刷新
    if (scrollView.contentOffset.y <= - 149.0) {
        self.label.text = @"松开立即刷新";
    } else {//向下滑动滑动了但是没有超过149设置文字为:下拉可以刷新
        self.label.text = @"下拉可以刷新";
    }
}

4:有个滚动结束,就是拖拽结束时候的方法

- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
// 进入下拉刷新状态
    if (scrollView.contentOffset.y <= - 149.0) { 
        self.label.text = @"正在刷新";
//添加一个动画,让它不会回弹进入导航栏
        [UIView animateWithDuration:0.5 animations:^{
            UIEdgeInsets inset = scrollView.contentInset;
            inset.top = 149;
            scrollView.contentInset = inset;
        }];
        //让它停留2秒在导航栏底部显示那个正在刷新
        dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2.0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
            [UIView animateWithDuration:0.5 animations:^{
                UIEdgeInsets inset = scrollView.contentInset;
                inset.top = 99;
                scrollView.contentInset = inset;
            }];
        });
    }

简单用这种思路就可以实现上下拉刷新了  我这里就提供基本的思路,还要麻烦大家自己写了啊。

我主要想给大家介绍李明杰的MJRefresh的使用,虽然在github上有Dome 但是很多初学者还是不会用。所以我给大家介绍一下基本的使用,而且也是非常简单,非常好用的。

我这里就不给大家介绍使用MJRefresh的那些基本的使用吧,因为基本的常见的在github搜索MJRefresh基本都看得懂,教大家使用继承自MJRefresh自定义的

第一步:导入MJRefresh这个库后,继承MJRefreshNormalHeader

第二步:在.m文件中重写prepare方法

/**
 *  初始化
 */
- (void)prepare
{
    [super prepare];
    self.automaticallyChangeAlpha = YES;
//给下拉的文字设置颜色  其实也可以设置其他属性
    self.lastUpdatedTimeLabel.textColor = [UIColor orangeColor];
//给状态文字设置颜色
    self.stateLabel.textColor = [UIColor orangeColor];
//设置各种状态下的文字
    [self setTitle:@"赶紧下拉吧" forState:MJRefreshStateIdle];
    [self setTitle:@"赶紧松开吧" forState:MJRefreshStatePulling];
    [self setTitle:@"正在加载数据..." forState:MJRefreshStateRefreshing];
//将时间隐藏
    //    self.lastUpdatedTimeLabel.hidden = YES;
//将状态文字隐藏
    //    self.stateLabel.hidden = YES;
}
/**
 *  摆放子控件  其实这个placeSubviews和layoutSubviews一样的
 */
- (void)placeSubviews
{
    [super placeSubviews];
   //可以在这里调整那些文字的文字,或者添加了其他控件,也可以在这里调整
}

第三步:在需要刷新界面导入头文件,然后就开始使用

//这里框架里面提供了一个mj_header属性
//调用去加载新数据(发送请求)的方法
self.tableView.mj_header = [CustomRefreshHeader headerWithRefreshingTarget:self refreshingAction:@selector(loadNewTopics)];
//开始刷新 
    [self.tableView.mj_header beginRefreshing];
最后在请求网络数据结束后需要结束刷新
 // 让[刷新控件]结束刷新
        [self.tableView.mj_header endRefreshing];

其他的也是类似,可以参照github的使用方法,很简单。本篇文章没写好,下次有时间修改修改

相关文章
|
9月前
|
开发工具
使用FFmpeg4.3.1的SDK官方开发包编译ffmpeg.c(三)
使用FFmpeg4.3.1的SDK官方开发包编译ffmpeg.c(三)
115 0
|
Rust 开发工具 开发者
Ruff代码分析
Ruff代码分析
224 0
|
9月前
|
存储 算法
操作系统:虚拟存储管理技术
操作系统:虚拟存储管理技术
233 0
|
人工智能 供应链 Cloud Native
智库观察|大模型时代,AIGA将大规模解放生产力
“小模型+AI+智能化底座”的模式,让AI应用适配不同数字化阶段的企业,这将成为企业级应用的不可逆趋势。
266 0
|
JavaScript 前端开发 Java
使用 SpringBoot+Vue 实现留言版
新建Vue项目和SpringBoot项目
315 0
使用 SpringBoot+Vue 实现留言版
|
XML 设计模式 Java
Spring高手之路1——深入理解与实现IOC依赖查找与依赖注入
本文通过详细的代码示例,详细解析了Spring框架中IOC的两种核心实现方式:依赖查找和依赖注入。我们通过创建基本的IOC依赖查找实例,详解了如何在实践中运用这两种手段,并在三层架构中体验其使用方式。同时,我们也深度对比了依赖查找与依赖注入的优缺点和应用场景,为读者在面试中解答相关问题提供了参考。
682 1
Spring高手之路1——深入理解与实现IOC依赖查找与依赖注入
|
人工智能 算法 前端开发
「我是开发者」1024技术创作挑战赛——相信分享的价值
「我是开发者」1024技术创作挑战赛——相信分享的价值,快来参与吧!
4958 61
|
前端开发 数据安全/隐私保护
若依框架添加出入参加密解密
若依框架添加出入参加密解密
1360 0
|
JavaScript 前端开发 算法
在JavaScript中的栈数据结构(Stack )
JavaScript 中可以通过数组实现栈数据结构。栈是一种遵循后进先出(LIFO)原则的数据结构,它只允许在栈顶进行插入和删除操作。
99 0