当前位置: > > > Swift - 下拉刷新数据的功能实现(使用UIRefreshControl)

Swift - 下拉刷新数据的功能实现(使用UIRefreshControl)

(本文代码已升级至Swift3)

想要下拉刷新表格数据,上拉加载新数据,网上有许多第三方的实现类。
而如果仅仅需要实现下拉刷新数据的话,那么使用 UIRefreshControl 就足够了,简单有好用。

一、在tableView上添加下拉刷新

1,UIRefreshControl 的使用步骤:
(1)创建 UIRefreshControl,并设置文字,颜色等信息。
(2)将 UIRefreshControl 添加到tableview视图中。
(3)给 UIRefreshControl 添加方法,当值改变的时候调用,用于数据请求刷新。
(4)请求数据确认完成之后,调用endRefreshing方法,关闭刷新。

2,效果图如下
  

3,代码如下
import UIKit

class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {
    
    //新闻列表
    @IBOutlet weak var newsTableView: UITableView!
    
    //新闻数组集合
    var dataArray:[HanggeArticle] = [HanggeArticle]()
    
    //拉刷新控制器
    var refreshControl = UIRefreshControl()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        self.automaticallyAdjustsScrollViewInsets = false
        
        newsTableView.delegate = self
        newsTableView.dataSource = self
        
        //添加刷新
        refreshControl.addTarget(self, action: #selector(ViewController.refreshData),
                                 for: .valueChanged)
        refreshControl.attributedTitle = NSAttributedString(string: "下拉刷新数据")
        newsTableView.addSubview(refreshControl)
        refreshData()
    }
    
    // 刷新数据
    func refreshData() {
        //移除老数据
        self.dataArray.removeAll()
        //随机添加5条新数据(时间是当前时间)
        for _ in 0..<5 {
            let atricle = HanggeArticle(title: "新闻标题\(Int(arc4random()%1000))",
                createDate: Date())
            self.dataArray.append(atricle)
        }
        self.newsTableView.reloadData()
        self.refreshControl.endRefreshing()
    }
    
    // 返回记录数
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return dataArray.count;
    }
    
    // 返回单元格内容
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath)
        -> UITableViewCell {
        let cell = UITableViewCell(style: UITableViewCellStyle.subtitle,
                                   reuseIdentifier: "myCell")
        
        //设置单元格标题
        let atricle: HanggeArticle = dataArray[indexPath.row] as HanggeArticle
        cell.textLabel?.text = atricle.title
        
        //设置单元格副标题
        let dateFormatter = DateFormatter()
        dateFormatter.dateFormat = "yyyy-MM-dd HH:mm:ss"
        let str = dateFormatter.string(from: atricle.createDate)
        cell.detailTextLabel?.text = str
        
        return cell
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        
    }
}

//新闻结构体
struct HanggeArticle {
    var title:String
    var createDate:Date
}

二、在UITableViewController上添加下拉刷新

如果我们页面使用的是 UITableViewController 那就更简单了,因为 UITableViewController 已经内置了 refreshControl。我们只需要将其初始化一下即可。
比如下面样例我们实现同前面一样的功能。
import UIKit

class TableViewController: UITableViewController {
    
    //新闻数组集合
    var dataArray:[HanggeArticle] = [HanggeArticle]()

    override func viewDidLoad() {
        super.viewDidLoad()
        
        //初始化刷新
        self.refreshControl = UIRefreshControl()
        self.refreshControl!.addTarget(self, action: #selector(refreshData),
                                 for: .valueChanged)
        self.refreshControl!.attributedTitle = NSAttributedString(string: "下拉刷新数据")
        refreshData()
    }
    
    // 刷新数据
    func refreshData() {
        //移除老数据
        self.dataArray.removeAll()
        //随机添加5条新数据(时间是当前时间)
        for _ in 0..<5 {
            let atricle = HanggeArticle(title: "新闻标题\(Int(arc4random()%1000))",
                createDate: Date())
            self.dataArray.append(atricle)
        }
        self.tableView.reloadData()
        self.refreshControl!.endRefreshing()
    }

    override func numberOfSections(in tableView: UITableView) -> Int {
        return 1
    }

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return dataArray.count
    }
    
    // 返回单元格内容
    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath)
        -> UITableViewCell {
            let cell = UITableViewCell(style: UITableViewCellStyle.subtitle,
                                       reuseIdentifier: "myCell")
            //设置单元格标题
            let atricle: HanggeArticle = dataArray[indexPath.row] as HanggeArticle
            cell.textLabel?.text = atricle.title
            
            //设置单元格副标题
            let dateFormatter = DateFormatter()
            dateFormatter.dateFormat = "yyyy-MM-dd HH:mm:ss"
            let str = dateFormatter.string(from: atricle.createDate)
            cell.detailTextLabel?.text = str
            
            return cell
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
}

//新闻结构体
struct HanggeArticle {
    var title:String
    var createDate:Date
}
评论4
  • 4楼
    2016-09-08 18:54
    昨夜喝花酒

    在tableviewcontroller里使用,cell行数20,页面就滑动超级慢,去掉UIRefreshControl,恢复正常,什么情况?UIRefreshControl天生卡屏?

    站长回复

    我又测试了下是没有问题的,没有发现你说的滑动慢的问题。还有tableViewController已经自带了个UIRefreshControl,你不要又再添加一个新的进去。

  • 3楼
    2016-06-17 12:00
    linjoe

    如果要是再scrollview上下拉刷新,那也不能用UIRefreshControl吗?我的天。。。第三方的话找不到比较好的

    站长回复

    确实是这样的,即使是scrollview也不好用UIRefreshControl。

  • 2楼
    2016-06-13 15:21
    linjoe

    站长你好,如果我是在别的组件上刷新,不会用到UITableViewController该怎么写呢

    站长回复

    苹果文档已经指出,UIRefreshControl是专门为了tableView而设计的。所以别的组件如果想要下拉刷新,就不要用UIRefreshControl了,找找看其他第三方的实现。

  • 1楼
    2016-01-10 15:16
    cocoai

    下拉加载更多怎么实现啊,新手求指导

    站长回复

    下拉还是上拉?一般都是下拉刷新,在列表底部上拉才是加载更多。