美文网首页
UIScrollView下拉刷新加载数据

UIScrollView下拉刷新加载数据

作者: NingSpeals | 来源:发表于2022-09-21 16:37 被阅读0次
首先为UIScrollView添加加载提示View
    UILabel *refresh = [[UILabel alloc] initWithFrame:CGRectMake(0, -50, 320, 50)];
    refresh.text  = @"下拉刷新";
    self.refresh = refresh;
    refresh.tag = 0;
    [scrollV addSubview:refresh];
实现UIScrollViewDelegate
//offset发生改变

-(void)scrollViewDidScroll:(UIScrollView *)scrollView{
    if (scrollView.contentOffset.y <= -50) {
        if (self.refresh.tag == 0) {
            self.refresh.text = @"松开刷新";
        }
        self.refresh.tag = 1;
    }else{
       //防止用户在下拉到contentOffset.y <= -50后不松手,然后又往回滑动,需要将值设为默认状态
        self.refresh.tag = 0;
        self.refresh.text = @"下拉刷新";
    }
}

//即将结束拖拽
- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint*)targetContentOffset{
    if (self.refresh.tag == 1) {
        [UIView animateWithDuration:.3 animations:^{
            self.refresh.text = @"加载中";
            scrollView.contentInset = UIEdgeInsetsMake(50.0f, 0.0f, 0.0f, 0.0f);
        }];
        //数据加载成功后执行;这里为了模拟加载效果,一秒后执行恢复原状代码
        dispatch_after(dispatch_time(DISPATCH_TIME_NOW, 1 * NSEC_PER_SEC), dispatch_get_main_queue(), ^{
            [UIView animateWithDuration:.3 animations:^{
                self.refresh.tag = 0;
                self.refresh.text = @"下拉刷新";
                scrollView.contentInset = UIEdgeInsetsMake(0, 0, 0, 0);
            }];
        });
    }
}

相关文章

  • 10-下拉刷新 & 上拉加载

    下拉刷新 & 上拉加载 课程目标 KVO的使用 UIScrollView使用 接口准备 新浪微博下拉刷新与上拉加载...

  • MJRefresh

    为一些常用控件增加下拉刷新和上滑加载,适用于UIScrollView 、 UITableView 、 UIColl...

  • ios 第三方MJRefresh基本使用

    简介 能给UITableview、UIcollectionView、UIScrollview提供上下拉刷新效果。 ...

  • 下拉刷新1.0-- 控件

    0.0总结:下拉刷新的思路 获取的初始加载的数据:self.dataSourceArray; 2.加载更新的数据:...

  • IOS上拉 下拉刷新

    iOS下拉刷新和上拉刷新 在iOS开发中,我们经常要用到下拉刷新和上拉刷新来加载新的数据,当前这也适合分页。iOS...

  • 列表适配器

    ------上拉下拉刷新加载------****SmartRefreshLayout 智能下拉刷新框架~20190...

  • Android智能下拉刷新、上拉加载框架(二)——SmartRe

    Android智能下拉刷新、上拉加载框架(一)——SmartRefreshLayoutAndroid智能下拉刷新、...

  • UITableView的基本使用

    一、常用方法 二、上拉刷新,下拉刷新 MJRefresh下拉刷新(上拉加载)使用详解MJRefresh下拉刷新三方...

  • swift 下拉刷新

    想要下拉刷新表格数据,上拉加载新数据,网上有许多第三方的实现类。 而如果仅仅需要实现下拉刷新数据的话,那么使用 U...

  • jquery写原生下拉刷新

    全程无需重新加载整个页面,只需要上下拉即可刷新数据!

网友评论

      本文标题:UIScrollView下拉刷新加载数据

      本文链接:https://www.haomeiwen.com/subject/pmmuprtx.html