もちゅろぐ
iOS
UITableView
UITableViewに引っ張る更新Pull to Refreshを実装する

UITableViewに引っ張る更新Pull to Refreshを実装する

2017-12-10

Table of Contents

注意
サンプルコード

iOSで使われるUIベスト3に入るUITableView

そのUITableViewに引っ張って更新する機能（Pull to Refresh）の実装についてまとめました。

注意

1クラスにねじ込んだので、データフロー周りは参考にしないでください。

実装方法

UIRefreshControl を使うことで簡単に実装できます。

サンプルコード

下記サンプルコードになります。記事用に短く書いてます。

class ViewController: UIViewController {
    @IBOutlet private weak var tableView: UITableView!

    override func viewDidLoad() {
        super.viewDidLoad()

        tableView.refreshControl = UIRefreshControl()
        tableView.refreshControl?.addTarget(self, action: #selector(onRefresh(_:)), for: .valueChanged)
    }

    @objc private func onRefresh(_ sender: AnyObject) {
        DispatchQueue.main.asyncAfter(deadline: .now() + 1.0) { [weak self] in
            self?.tableView.refreshControl?.endRefreshing()
        }
    }
}