[IOS]你用过原生的 UIRefreshControl 吗？

绝地灬酷狼 2022-08-06 06:08 234阅读 0赞

第三方太过于强大，上拉刷新，下拉刷下，左边，右边，各种刷新，

先介绍几个第三方：

JHRefresh： [https://github.com/Jiahai/JHRefresh][https_github.com_Jiahai_JHRefresh]

可以自定义动画的上、下拉刷新，Demo效果类似大众点评的动画效果，动画是帧动画实现的

那就自备图片组吧 ~ ~ ~

![Center][]

MJRefresh: [https://github.com/CoderMJLee/MJRefresh][https_github.com_CoderMJLee_MJRefresh]

用法比较简单，同时支持TableView、CollectionView：详情见 github 连接

![Center 1][]

AAPullToRefresh: [https://github.com/r-plus/AAPullToRefresh][https_github.com_r-plus_AAPullToRefresh]

前面的上拉、下拉，这个可以左拉、右拉，好神奇的东西

![Center 2][]

TMOTableView: [https://github.com/duowan/TMOTableView][https_github.com_duowan_TMOTableView]

当小伙伴们上拉刷新时，这个的特色是支持点击自动加载，是不是很

人性化。。。。。。 XXX ~~

![Center 3][]

当然还有历史久远的。。。貌似元老级的东西。。。

EGOTableViewPullRefresh: [ https://github.com/enormego/EGOTableViewPullRefresh][https_github.com_enormego_EGOTableViewPullRefresh]

说了强大的第三方后，原生的 UIRefreshControl 变消失与人际。。。

陌陌独自哭泣吧。。。。但是有时我们不要那么强大只要简单的下拉刷新呢。。。

就扯点 UIRefreshControl 的故事。。。

首先，它只能在TableView 下使用，而且你会在 UITableViewController 里发现

![Center 4][]

具体的使用代码：

self.refresh = [[UIRefreshControl alloc]init];
        NSLog(@"%.2f %.2f",self.refresh.frame.size.width,self.refresh.frame.size.height);
        self.refresh.tintColor = [UIColor blueColor];
        self.refresh.attributedTitle = [[NSAttributedString alloc]initWithString:@"下拉刷新"];;
        [self.refresh addTarget:self action:@selector(RefreshViewControlEventValueChanged) forControlEvents:UIControlEventValueChanged];
        [self.tableView addSubview:self.refresh];

<pre name="code" class="objc">- (void)RefreshViewControlEventValueChanged{
        NSLog(@"Refresh XXXX");
        dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(3.0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
    //        [loadingImageView removeFromSuperview];
            [self.refresh endRefreshing];
        });
    }

跳到头文件会发现，里面的东西少的可怜，UIRefreshControl 的 frame 开始也是默认的，一般也是由它依赖的控制器或View

来控制，一般是UITableViewController 或TableView, 当下拉时会广播一个 UIControlEventValueChanged 通知

我们可以拿来搞的也就 这么多。。。。。

![Center 5][]

我们可不可以自定义图片，实现类似果库的下拉动画

![Center 6][]

发现一个可以加图片的办法，然后找到如下代码，但是系统的那个动画会在图片中间

loadingImageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed: @"loading"]];
        loadingImageView.center = CGPointMake(187.5, 40);
        [self.refresh insertSubview:loadingImageView atIndex:0];
        [self.refresh bringSubviewToFront:loadingImageView];

然后判断只能继承重写UIRefreshControl ，然后又变复杂了。。 。

差不多也该吃饭了。。。找到随后补上吧。。。 Y\_Y ~

[https_github.com_Jiahai_JHRefresh]: https://github.com/Jiahai/JHRefresh
[Center]: /images/20220806/dd3e34f52d7744dabf299d0b05ac416c.png
[https_github.com_CoderMJLee_MJRefresh]: https://github.com/CoderMJLee/MJRefresh
[Center 1]: /images/20220806/15bbc6b9478f415f82c951ba9ae9d548.png
[https_github.com_r-plus_AAPullToRefresh]: https://github.com/r-plus/AAPullToRefresh
[Center 2]: /images/20220806/744bbddf5e0f4068ac5665150af118c9.png
[https_github.com_duowan_TMOTableView]: https://github.com/duowan/TMOTableView
[Center 3]: /images/20220806/7906524cfbf84fbe814e62c7ae29e458.png
[https_github.com_enormego_EGOTableViewPullRefresh]: https://github.com/enormego/EGOTableViewPullRefresh
[Center 4]: /images/20220806/7b780d2db8f74f75b9d9d7ee4a91626c.png
[Center 5]: /images/20220806/d9cd9ca7a7bf45f5955563fc210387ff.png
[Center 6]: /images/20220806/50076791ae364b348b45c452535bfd65.png