[Swift通天遁地]二、表格表单-(6)创建美观的表格弹性下拉刷新效果

本文将演示如何创建美观的弹性下拉刷新效果。

首先确保在项目中已经安装了所需的第三方库。

点击【Podfile】,查看安装配置文件。

platform :ios, '12.0'
use_frameworks!

target 'DemoApp' do
    source 'https://github.com/CocoaPods/Specs.git'
    pod 'DGElasticPullToRefresh'
end

根据配置文件中的相关配置，安装第三方库。

然后点击打开【DemoApp.xcworkspace】项目文件。

在项目导航区，打开视图控制器的代码文件【ViewController.swift】

现在开始编写代码，实现弹性下拉刷新效果的功能。

import UIKit
//在当前的类文件中引入已经安装的第三方类库
import DGElasticPullToRefresh

//使当前的视图控制器类，遵循表格的数据源协议UITableViewDataSource和代理协议UITableViewDelegate
class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {

    //添加一个包含十二个月的数组属性，作为表格视图的数据源
    var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
    //添加一个属性，作为需要添加下拉刷新功能的表格视图
    var tableView : UITableView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        
        //创建一个矩形区域，作为表格视图的显示区域
        let rect = CGRect(x: 0, y: 60, width: 320, height: 510)
        //初始化一个指定显示区域的表格对象
        tableView = UITableView(frame: rect)
        
        //设置表格对象的数据源为当前的视图控制器对象
        tableView.delegate = self
        //设置表格对象的代理为当前的视图控制器对象
        tableView.dataSource = self
        //设置表格的背景颜色
        tableView.backgroundColor = UIColor(red: 254.0/255, green: 249.0/255, blue: 252.0/255, alpha: 1.0)
        
        //初始化一个第三方的下拉刷新组件
        let loadingView = DGElasticPullToRefreshLoadingViewCircle()
        //设置前景颜色为白色
        loadingView.tintColor = UIColor.white
        //给表格视图添加下拉刷新的功能
        tableView.dg_addPullToRefreshWithActionHandler(
            { [weak self] () -> Void in
                //当对表格执行下拉刷新操作时，往数组中插入一个新元素。
                //并将新元素放置在数组的首位。
                self?.months.insert("Honey moon", at: 0)
                //让表格对象刷新数据源
                self?.tableView.reloadData()
                //终止刷新控件的刷新动作
                self?.tableView.dg_stopLoading()
            }, loadingView: loadingView)
        
        //设置下拉刷新的填充颜色为橙色
        tableView.dg_setPullToRefreshFillColor(.orange)
        //设置下拉刷新的背景颜色和表格的背景颜色保持一致
        tableView.dg_setPullToRefreshBackgroundColor(tableView.backgroundColor!)
        
        //设置根视图的背景颜色
        self.view.backgroundColor = UIColor.orange
        //将表格添加到根视图
        self.view.addSubview(tableView)
    }
    
     //添加一个代理方法，用来设置表格的行数
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int
    {
        //在此设置表格的行数为数组的长度
        return months.count
    }
    
    //添加一个代理方法，用来初始化或复用表格中的单元格
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell
    {
        //创建一个字符串常量，作为单元格的复用标识
        let identifier = "reusedCell"
        //根据复用标识，从表格中获得可以复用的单元格
        var cell = tableView.dequeueReusableCell(withIdentifier: identifier)
        
        //如果没有可以复用的单元格
        if(cell == nil)
        {
            //则初始化一个默认样式的单元格，并设置单元格的复用标识
            cell = UITableViewCell(style: UITableViewCellStyle.default, reuseIdentifier: identifier)
        }
        
        //获得当前单元格的行数序号
        let rowNum = (indexPath as NSIndexPath).row
        //通过单元格的行数序号，从数组中获得相应的字符串，以设置单元格的标题内容，
        cell?.textLabel?.text = months[rowNum]
        //设置单元格的背景颜色
        cell?.backgroundColor = UIColor(red: 254.0/255, green: 249.0/255, blue: 252.0/255, alpha: 1.0)
        
        //返回设置好的单元格
        return cell!
    }
    
    //添加一个方法，在当前的视图控制器被销毁时
    deinit
    {
        //消除表格的下拉刷新控件
        tableView.dg_removePullToRefresh()
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}