Swift iOS : 內建的下拉重新整理

RecoReco發表於2017-07-19
SwiftiOS

對TableView，下拉重新整理新的資料是很方便的。iOS內建有一個下拉重新整理控制元件UIRefreshControl，雖然不能做上拉重新整理，但是因為使用簡單，倒也值得介紹。

如下程式碼，使用TableView載入OS列表，每次下拉，都模擬重新整理一條新的OS專案：

import UIKit
@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {
    var window: UIWindow?
    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
        self.window = UIWindow(frame: UIScreen.main.bounds)
        let page = Page()
        page.view.backgroundColor = .blue
        self.window!.rootViewController = page
        self.window?.makeKeyAndVisible()
        return true
    }
}
class Page: UIViewController {
    var a : Table!
    override func viewDidLoad() {
        super.viewDidLoad()
        a  = Table()
        a.frame = self.view.frame
        self.view.addSubview(a)
        refreshControl = UIRefreshControl()
        refreshControl.attributedTitle = NSAttributedString(string: "Pull to refresh")
        refreshControl.addTarget(self, action: #selector(refresh), for: .valueChanged)
        a.addSubview(refreshControl)
    }
    var refreshControl: UIRefreshControl!
    var index = 0
    let oses = ["1","2","3","4",]
    func refresh(sender:AnyObject) {
        if index < oses.count  {
            a.os.insert("os - " + oses[index], at: 0)
            a.reloadData()
            index += 1
        }
        refreshControl.endRefreshing()
    }
}
class Table : UITableView,UITableViewDataSource,UITableViewDelegate{
    var os = ["Windows","OS X","Linux"]
    override init(frame: CGRect, style: UITableViewStyle) {
        super.init(frame:frame,style:style)
        self.dataSource = self
        self.delegate = self
    }
    required init?(coder aDecoder: NSCoder) {
        super.init(coder:aDecoder)
    }
    func numberOfSections(in: UITableView) -> Int {
        return 1
    }
    func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
        return 44
    }
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return os.count
    }
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let arr = os
        let a = UITableViewCell(style: .default, reuseIdentifier: nil)
        a.textLabel?.text = String(describing:arr[indexPath.row])
        return a
    }
}複製程式碼

其他的內容，和正常的TableView載入資料類似。不同的就是，這裡建立了一個UIRefreshControl的例項，並新增一個.valueChanged的目標到函式refresh，這樣每次下拉，都會觸發一次此函式，在這個函式裡面，會對TableView的資料來源做插入，並重新載入TableView。

執行起來，試試下拉，可以看到效果。

相關文章