Post

UIKit - UITableView 당겨서 새로고침(Pull To Refresh) 구현하기

UIKit - UITableView 당겨서 새로고침(Pull To Refresh) 구현하기

UITableView를 당겼을 때 새로고침 되는 기능을 구현하기 위해서는 UIRefreshControl을 사용하면 됨.

예시 코드

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
import UIKit

final class BookListViewController: UIViewController {
    
    private lazy var tableView: UITableView = {
        let tableView = UITableView()
        
        ...
        
        // RefreshControl 할당
        tableView.refreshControl = refreshControl
        
        return tableView
    }()
    
    private lazy var refreshControl: UIRefreshControl = {
        let refreshControl = UIRefreshControl()
        
        // 로딩바 색상 설정
        refreshControl.tintColor = .lightGray

        // refresh 시 호출할 메서드 설정
        refreshControl.addTarget(self, action: #selector(handleRefreshControl), for: .valueChanged)
        
        return refreshControl
    }()


    @objc private func handleRefreshControl(){
        bookListManager.list(page: 0, size: 10) { result in
            DispatchQueue.main.async {
                switch result{
                case .success(let response):
                    self.bookListManager.setBookList(response)
                    self.tableView.reloadData()
                case .failure(let error):
                    print("error : \(error)")
                }
                
                // 표시되는 로딩바 제거
                self.refreshControl.endRefreshing()
            }

        }
    }
}

결과

image

Reference

This post is licensed under CC BY 4.0 by the author.