Реализуем pull to refresh и infinite scrolling на Swift

Возьмём за основу статью Знакомьтесь, Swift!, где показано как сделать простое приложение на Swift, и добавим туда такие известные и полезные штуки как pull to refresh и infinite scrolling используя встроенные возможности языка. Чтобы было еще интереснее, добавим немного асинхронности, иначе приложение будет каждый раз замирать на время обновления.

Подготовка

За основу мы берём вышеозначенный пример, поэтому будем просто дополнять его. Для начала в класс контроллера добавим 2 переменные, которые будут отвечать за количество ячеек и за текст, отображаемый в ячейках

class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {     var countRow = 20     var text = "Habrapost"

И модифицируем код генерации ячеек, используя эти переменные

    func tableView(tableView: UITableView!, numberOfRowsInSection section: Int) -> Int     {         return countRow     }      func tableView(tableView: UITableView!, cellForRowAtIndexPath indexPath: NSIndexPath!) -> UITableViewCell!     {         let cell: UITableViewCell = UITableViewCell(style: UITableViewCellStyle.Subtitle, reuseIdentifier: "MyTestSwiftCell")                  cell.text = "\(text) \(indexPath.row)"         cell.detailTextLabel.text = "Hi, \(indexPath.row)"         cell.detailTextLabel.textColor = UIColor.purpleColor()                  return cell     }

Теперь сделаем привязку TableView к контроллеру, чтобы можно было производить над ней нужные нам манипуляции. В interface builder выбираем TableView, нажимаем cmd+alt+enter и правой кнопкой тянем в появившееся окно

Вбиваем имя по которому будем обращаться

Так же добавим в TableView компонент View, на котором разместим 2 элемента, чтобы получилось следующее

Эта View нужна для того, чтобы отображать уведомление о том, что идет обновление, и нам нужно, чтобы она была видна только тогда, когда идет подгрузка новых данных, поэтому нужно ее скрыть вначале, и показать только потом. Так же нужно будет вручную запускать анимацию UIActivityIndicatorView. Для этих действий, аналогично как и выше, добавим привязки для всей View (чтобы иметь возможность скрывать её), и отдельно для UIActivityIndicatorView (чтобы можно было запускать анимацию)

Для предварительной подготовки этих действий будет достаточно.

Pull to refresh

Теперь можно перейти непосредственно к реализации pull to refresh. В класс контролера добавим новую переменную специального класса UIRefreshControl

    var refreshControl:UIRefreshControl!

В viewDidLoad добавим код, инициализирующую эту переменную и привязывающую ее к tableView

    override func viewDidLoad() {         super.viewDidLoad()                  refreshControl = UIRefreshControl()         refreshControl.attributedTitle = NSAttributedString(string: "Идет обновление...")         refreshControl.addTarget(self, action: "refresh:", forControlEvents: UIControlEvents.ValueChanged)         tableView.addSubview(refreshControl)     }

Теперь нам нужно определить функцию refresh, которая и будет вызываться каждый раз, при выполнении действия pull to refresh. Чтобы обновление происходило в асинхронном режиме, используем следующую схему (не буду вдаваться в описание подробностей, разобраться коде не трудно самостоятельно)

    func refresh(sender:AnyObject) {         refreshBegin("Refresh",             refreshEnd: {(x:Int) -> () in                 self.tableView.reloadData()                 self.refreshControl.endRefreshing()             })     }          func refreshBegin(newtext:String, refreshEnd:(Int) -> ()) {         dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0)) {             println("refreshing")             self.text = newtext             sleep(2)                          dispatch_async(dispatch_get_main_queue()) {                 refreshEnd(0)             }         }     } 

В итоге, получаем

Infinite scrolling

С бесконечной прокруткой немного по сложнее, но не на много. В класс контролера добавим новую переменную loadMoreStatus, которая будет отвечать за защиту от повторного обновления, если оно уже запущено

    var loadMoreStatus = false

В viewDidLoad добавим код, который первично скроет View с информацией о подгрузке новых данных

    override func viewDidLoad() {         super.viewDidLoad()                  refreshControl = UIRefreshControl()         refreshControl.attributedTitle = NSAttributedString(string: "Идет обновление...")         refreshControl.addTarget(self, action: "refresh:", forControlEvents: UIControlEvents.ValueChanged)         tableView.addSubview(refreshControl)         self.viewMore.hidden = true     }

Добавим определение специальной функции scrollViewDidScroll, которая вызывается каждый раз, когда происходит любая прокрутка. Если мы доматываем до конца списка, то вызывается функция loadMore, которая реализует асинхронную подгрузку новых данных

    func scrollViewDidScroll(scrollView: UIScrollView!) {         let currentOffset = scrollView.contentOffset.y         let maximumOffset = scrollView.contentSize.height - scrollView.frame.size.height         let deltaOffset = maximumOffset - currentOffset                  if deltaOffset <= 0 {             loadMore()         }     }          func loadMore() {         if ( !loadMoreStatus ) {             self.loadMoreStatus = true             self.activityIndicator.startAnimating()             self.viewMore.hidden = false             loadMoreBegin("Load more",                 loadMoreEnd: {(x:Int) -> () in                     self.tableView.reloadData()                     self.loadMoreStatus = false                     self.activityIndicator.stopAnimating()                     self.viewMore.hidden = true                 })         }     }          func loadMoreBegin(newtext:String, loadMoreEnd:(Int) -> ()) {         dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0)) {             println("loadmore")             self.text = newtext             self.countRow += 20             sleep(2)                          dispatch_async(dispatch_get_main_queue()) {                 loadMoreEnd(0)             }         }     } 

В результате все работает, приложение не замирает, а данные добавляются успешно

Вот таким нехитрым способом можно реализовать pull to refresh и infinite scrolling, и само собой, из-за асинхронного обновления, можно, например, делать запросы JSON к серверу простым синхронным способом и это не помешает работе приложения.