活动指示器问题在UITableView中加载数据时

时间:2018-05-23 15:31:16

标签: uitableview swift4 uiactivityindicatorview

我使用php从服务器获取记录

由于我现在获得11条记录所以我想要开始时我只会显示6条记录,剩下的5条记录会显示当用户在滚动时到达最后一个单元格时。所以这个过程处于工作状态,但问题是在运行时,它运行得如此之快,以至于在到达最后一行之前,所有记录都在滚动时显示,而活动指示器只是在tableView的底部动画。

我不知道这是什么问题。

我也希望当用户到达最后一个单元格时,活动指示器在加载数据时开始动画。

这是我的代码

import UIKit
import AlamofireImage

struct property{
let property_Id     : String
let propertyTitle   : String
let imageURL        : String
let user_Id         : String
let area            : String
let bed             : String
let unit            : String
let bath            : String
let price           : String
}
class searchRecordsViewController: UIViewController, UITableViewDelegate, UITableViewDataSource,favouriteButtonTableViewCellDelegate {

var y                           = 6
var m                           = 12
@IBOutlet weak var tableView    : UITableView!
var RESULT                      : [NSDictionary] = []
var myProperty                  = [property]()
var myPropertyCopy              = [property]()

override func viewDidLoad() {
    super.viewDidLoad()
    tableView.delegate = self
    tableView.dataSource = self

}
override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
}

//MARK: Getting dictionary data from previous controller

override func viewWillAppear(_ animated: Bool) {
    super.viewWillAppear(animated)

    self.navigationItem.title = "Results"
    self.navigationController?.navigationBar.tintColor = UIColor.black

    //MARK: Getting dictionary data from previous controller
    for item in RESULT  {

        let propertyInfo = property(property_Id: String(item["propertyId"]! as! Int), propertyTitle: item["propertyTitle"]! as! String, imageURL: item["imagePath"]! as! String, user_Id: String(item["userId"]! as! Int), area: item["area"]! as! String, bed: item["bed"]! as! String, unit: item["unit"]! as! String, bath: item["bath"]! as! String, price: item["price"]! as! String )

        myProperty.append(propertyInfo)

    }
    //MARK: Inserting first 6 records in Array
    for i in 0 ..< 6 {
        if !(myProperty.indices.contains(i)) {
            break
        }
        myPropertyCopy.append(myProperty[i])

    }

}


func downloadImage(imagePath : String, theIMAGEVIEW : UIImageView) {
    let myUrl = URL(string: URL_IP+imagePath);

    //MARK: AlamofireImage to download the image
    theIMAGEVIEW.af_setImage(withURL: myUrl!, placeholderImage: #imageLiteral(resourceName: "addProperty"), filter: nil, progress: nil, runImageTransitionIfCached: true, completion: nil)
}

func tableView(_ tableView:UITableView, numberOfRowsInSection section:Int) -> Int
{
    return myPropertyCopy.count
}

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell
{
    let cell = tableView.dequeueReusableCell(withIdentifier: "RecordCell") as! searchrecordsTableViewCell

    let property = myPropertyCopy[indexPath.row]
    cell.area.text = property.area+" "+property.unit
    if property.bath == ""{
        cell.bath.text = property.bath
    }
    else{
        cell.bath.text = property.bath+" Baths"
    }
    if property.bed == ""{
        cell.bed.text = property.bed
    }
    else{
        cell.bed.text = property.bed+" Baths"
    }
    cell.propertyTitle.text = property.propertyTitle
    cell.price.text = convertAMOUNT(price : property.price)
    downloadImage(imagePath: property.imageURL, theIMAGEVIEW: cell.myImageView)
    //----
    cell.delegate = self

    return cell
}


func tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath) {

    if myPropertyCopy.count != myProperty.count{
        let lastRow = myPropertyCopy.count - 1
        if indexPath.row == lastRow {
            let spinner = UIActivityIndicatorView(activityIndicatorStyle: .gray)
            spinner.startAnimating()
            spinner.frame = CGRect(x: CGFloat(0), y: CGFloat(0), width: tableView.bounds.width, height: CGFloat(44))

            self.tableView.tableFooterView = spinner
            self.tableView.tableFooterView?.isHidden = false
            moreData()

        }

    }
}

func moreData(){

    for i in y ..< m {
        if !(myProperty.indices.contains(i)) {

            break

        }
        myPropertyCopy.append(myProperty[i])

    }
        y = y + 10
        m = m + 10
        self.tableView.reloadData()

}



}

目前我的TableView看起来像 See output here

先谢谢。

1 个答案:

答案 0 :(得分:0)

经过长时间的练习,我已经完成了我的问题,我刚刚添加了UIScrollView委托函数,用于检查用户是否到达最后一个单元格,然后启动activityIndi​​cator 3秒钟,然后加载数据,那就是它。

因为我只有非常少量的数据,这就是为什么我在获取数据之前启动UIactivityIndi​​cator 3秒钟。

 func scrollViewDidEndDragging(_ scrollView: UIScrollView, willDecelerate decelerate: Bool) {

    // UITableView only moves in one direction, y axis
    let currentOffset = scrollView.contentOffset.y
    let maximumOffset = scrollView.contentSize.height - scrollView.frame.size.height

    if maximumOffset - currentOffset <= 10.0 {
        let spinner = UIActivityIndicatorView(activityIndicatorStyle: .gray)

        if myPropertyCopy.count != myProperty.count {

            //print("this is the last cell")

            spinner.startAnimating()
            spinner.frame = CGRect(x: CGFloat(0), y: CGFloat(0), width: tableView.bounds.width, height: CGFloat(44))
            spinner.hidesWhenStopped = true
            self.tableView.tableFooterView = spinner
            self.tableView.tableFooterView?.isHidden = false

            DispatchQueue.main.asyncAfter(deadline: .now() + 3) {
                //MARK: Loading more data
                self.moreData()

            }

        }
        else{
            self.tableView.tableFooterView?.isHidden = true
            spinner.stopAnimating()
        }
    }

}