快捷導(dǎo)航

Swift開(kāi)發(fā)之使用UIRefreshControl實(shí)現(xiàn)下拉刷新數(shù)據(jù)及uirefreshcontrol使用

更新時(shí)間：2015年11月10日 11:39:22 投稿：mrr

本文給大家介紹使用UIRefreshControl實(shí)現(xiàn)下拉刷新數(shù)據(jù)，及UIRefreshControl的使用步驟，對(duì)本文感興趣的朋友一起學(xué)習(xí)吧

想要下拉刷新表格數(shù)據(jù)，上拉加載新數(shù)據(jù)，網(wǎng)上有許多第三方的實(shí)現(xiàn)類(lèi)。

而如果僅僅需要實(shí)現(xiàn)下拉刷新數(shù)據(jù)的話，那么使用 UIRefreshControl 就足夠了，簡(jiǎn)單有好用。

1.UIRefreshControl 的使用步驟：

（1）創(chuàng)建 UIRefreshControl，并設(shè)置文字，顏色等信息。
（2）將 UIRefreshControl 添加到tableview視圖中。
（3）給 UIRefreshControl 添加方法，當(dāng)值改變的時(shí)候調(diào)用，用于數(shù)據(jù)請(qǐng)求刷新。
（4）請(qǐng)求數(shù)據(jù)確認(rèn)完成之后，調(diào)用endRefreshing方法，關(guān)閉刷新。

2.效果圖如下

3.代碼如下

import UIKit
class ViewController: UIViewController,UITableViewDelegate,UITableViewDataSource {
 //新聞列表
 @IBOutlet weak var newsTableView: UITableView!
 //新聞數(shù)組集合
 var dataArray:[HanggeArticle] = [HanggeArticle]()
 //拉刷新控制器
 var refreshControl = UIRefreshControl()
 override func viewDidLoad() {
  super.viewDidLoad()
  self.automaticallyAdjustsScrollViewInsets = false
  //添加刷新
  refreshControl.addTarget(self, action: "refreshData",
   forControlEvents: UIControlEvents.ValueChanged)
  refreshControl.attributedTitle = NSAttributedString(string: "下拉刷新數(shù)據(jù)")
  newsTableView.addSubview(refreshControl)
  refreshData()
 }
 // 刷新數(shù)據(jù)
 func refreshData() {
  //移除老數(shù)據(jù)
  self.dataArray.removeAll()
  //隨機(jī)添加條新數(shù)據(jù)（時(shí)間是當(dāng)前時(shí)間）
  for _ in ..< {
   let atricle = HanggeArticle(title: "新聞標(biāo)題\(Int(arcrandom()%))",
    createDate: NSDate())
   self.dataArray.append(atricle)
  }
  self.newsTableView.reloadData()
  self.refreshControl.endRefreshing()
 }
 // 返回記錄數(shù)
 func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
  return dataArray.count;
 }
 // 返回單元格內(nèi)容
 func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath)
  -> UITableViewCell {
  let cell = UITableViewCell(style: UITableViewCellStyle.Subtitle,
   reuseIdentifier: "myCell")
  //設(shè)置單元格標(biāo)題
  let atricle: HanggeArticle = dataArray[indexPath.row] as HanggeArticle
  cell.textLabel?.text = atricle.title
  //設(shè)置單元格副標(biāo)題
  let dateFormatter = NSDateFormatter()
  dateFormatter.dateFormat = "yyyy-MM-dd HH:mm:ss"
  let str = dateFormatter.stringFromDate(atricle.createDate)
  cell.detailTextLabel?.text = str
  return cell;
 }
 override func didReceiveMemoryWarning() {
  super.didReceiveMemoryWarning()
 }
}
//新聞結(jié)構(gòu)體
struct HanggeArticle {
 var title:String
 var createDate:NSDate
}

PS：UIRefreshControl的使用

1、使用范圍

如果你裝了xcode_4.5_developer_preview，那么在UITableViewController.h文件中你會(huì)看到，UITableViewController里面有如下聲明，說(shuō)明UITableViewController已經(jīng)內(nèi)置了UIRefreshControl控件

復(fù)制代碼代碼如下:

@property (nonatomic,retain) UIRefreshControl *refreshControl NS_AVAILABLE_IOS(6_0);  

【注】：UIRefreshControl目前只能用于UITableViewController，如果用在其他ViewController中，運(yùn)行時(shí)會(huì)得到如下錯(cuò)誤提示：（即UIRefreshControl只能被UITableViewController管理）

2012-06-15 14:34:34.908 DevDivUIRefreshControl[722:10103] *** Terminating app due to uncaught exception 'NSInternalInconsistencyException', reason: 'UIRefreshControl may only be managed by a UITableViewController' 
*** First throw call stack: 
(0x186fd72 0x1066e51 0x186fb4b 0x55a559 0x57238 0x5d482 0x55ad2 0x2ebb 0xeb2a3 0xeb30e 0x10b7e9 0x10b624 0x109aef 0x10999c 0x107adc 0x1082c6 0xecf24 0xed1e0 0xee084 0x5645c 0x5cf31 0x55ad2 0x4131d 0x414f6 0x4168c 0x49871 0x10a90 0x1196a 0x222be 0x22f9f 0x153fd 0x17ccf39 0x17ccc10 0x17e5da5 0x17e5b12 0x1816b46 0x1815ed4 0x1815dab 0x1128f 0x12e71 0x29fd 0x2925) 
libc++abi.dylib: terminate called throwing an exception 
(lldb)

2、如何使用

a)初始化

如何在UITableViewController 中使用UIRefreshControl呢，在上面給出的代碼附件中，你可以很詳細(xì)的知道，這里介紹一下關(guān)鍵的部分：

self.refreshControl = [[UIRefreshControl alloc]init]; 
 // self.refreshControl.tintColor = [UIColor blueColor]; 
 self.refreshControl.attributedTitle = [[NSAttributedString alloc]initWithString:@"下拉刷新"]; 
 [self.refreshControl addTarget:self action:@selector(RefreshViewControlEventValueChanged) forControlEvents:UIControlEventValueChanged];

如上面看到的代碼，雖然UITableViewController已經(jīng)聲明了UIRefreshControl，但是貌似還沒(méi)有初始化，所以需要我們自己初始化。很神奇，初始化的時(shí)候并不需要給它指定frame，UITableViewController會(huì)為我們進(jìn)行管理。遺憾的時(shí)目前只看到下拉刷新功能，上拉刷新還沒(méi)有，估計(jì)在最終版里面蘋(píng)果會(huì)考慮加入上拉刷新功能。
我們還可以給UIRefreshControl設(shè)置tintColor和attributedTitle。

b)下拉刷新事件監(jiān)聽(tīng)

當(dāng)用戶(hù)進(jìn)行下拉刷新操作時(shí)，UIRefreshControl 會(huì)觸發(fā)一個(gè)UIControlEventValueChanged事件，通過(guò)監(jiān)聽(tīng)這個(gè)事件，我們就可以進(jìn)行類(lèi)似數(shù)據(jù)請(qǐng)求的操作了。如下代碼：

復(fù)制代碼代碼如下:

[self.refreshControl addTarget:self action:@selector(RefreshViewControlEventValueChanged)

c)進(jìn)行數(shù)據(jù)請(qǐng)求

在示例中，為了演示數(shù)據(jù)請(qǐng)求，我簡(jiǎn)單的做了一個(gè)延時(shí)處理，2秒鐘后，調(diào)用handleData

復(fù)制代碼代碼如下:

[self performSelector:@selector(handleData) withObject:nil afterDelay:2];

在handleData里面，就表示已經(jīng)請(qǐng)求到了數(shù)據(jù)，在此進(jìn)行UI更新即可。也需要注意的是，我們調(diào)用UIRefreshControl 的endRefreshing方法，表示刷新結(jié)束，讓UIRefreshControl更新顯示。

- (void) handleData 
{ 
 NSLog(@"refreshed"); 
 [self.refreshControl endRefreshing]; 
 self.refreshControl.attributedTitle = [[NSAttributedString alloc]initWithString:@"下拉刷新"]; 
 
 self.count++; 
 [self.tableView reloadData]; 
}

3、官方頭文件

下面是sdk中UIRefreshControl的聲明，想必看了下面的代碼，你已經(jīng)知道如何使用了。

// 
// UIRefreshControl.h 
// UIKit 
// 
// Copyright 2012 Apple Inc. All rights reserved. 
// 
#import <Foundation/Foundation.h> 
#import <UIKit/UIControl.h> 
#import <UIKit/UIKitDefines.h> 
NS_CLASS_AVAILABLE_IOS(6_0) @interface UIRefreshControl : UIControl 
/* The designated initializer 
 * This initializes a UIRefreshControl with a default height and width. 
 * Once assigned to a UITableViewController, the frame of the control is managed automatically. 
 * When a user has pulled-to-refresh, the UIRefreshControl fires its UIControlEventValueChanged event. 
 */ 
- (id)init; 
@property (nonatomic, readonly, getter=isRefreshing) BOOL refreshing; 
@property (nonatomic, retain) UIColor *tintColor UI_APPEARANCE_SELECTOR; 
@property (n

您可能感興趣的文章: