Swift開發之使用UIRefreshControl實現下拉重新整理資料及uirefreshcontrol使用_Swift

來源:互聯網
上載者:User

想要下拉重新整理表格式資料,上拉載入新資料,網上有許多第三方的實作類別。

而如果僅僅需要實現下拉重新整理資料的話,那麼使用 UIRefreshControl 就足夠了,簡單有好用。

1.UIRefreshControl 的使用步驟:

(1)建立 UIRefreshControl,並設定文字,顏色等資訊。
(2)將 UIRefreshControl 添加到tableview視圖中。
(3)給 UIRefreshControl 添加方法,當值改變的時候調用,用於資料請求重新整理。
(4)請求資料確認完成之後,調用endRefreshing方法,關閉重新整理。

2.效果圖如下

 

3.代碼如下

import UIKitclass ViewController: UIViewController,UITableViewDelegate,UITableViewDataSource { //新聞列表 @IBOutlet weak var newsTableView: UITableView! //新聞數組集合 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: "下拉重新整理資料")  newsTableView.addSubview(refreshControl)  refreshData() } // 重新整理資料 func refreshData() {  //移除老資料  self.dataArray.removeAll()  //隨機添加條新資料(時間是目前時間)  for _ in ..< {   let atricle = HanggeArticle(title: "新聞標題\(Int(arcrandom()%))",    createDate: NSDate())   self.dataArray.append(atricle)  }  self.newsTableView.reloadData()  self.refreshControl.endRefreshing() } // 返回記錄數 func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {  return dataArray.count; } // 返回儲存格內容 func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath)  -> UITableViewCell {  let cell = UITableViewCell(style: UITableViewCellStyle.Subtitle,   reuseIdentifier: "myCell")  //設定儲存格標題  let atricle: HanggeArticle = dataArray[indexPath.row] as HanggeArticle  cell.textLabel?.text = atricle.title  //設定儲存格副標題  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() }}//新聞結構體struct HanggeArticle { var title:String var createDate:NSDate}

PS:UIRefreshControl的使用

1、使用範圍

如果你裝了xcode_4.5_developer_preview,那麼在UITableViewController.h檔案中你會看到,UITableViewController裡面有如下聲明,說明UITableViewController已經內建了UIRefreshControl控制項

複製代碼 代碼如下:

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

【注】:UIRefreshControl目前只能用於UITableViewController,如果用在其他ViewController中,運行時會得到如下錯誤提示:(即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呢,在上面給出的代碼附件中,你可以很詳細的知道,這裡介紹一下關鍵的部分:

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已經聲明了UIRefreshControl,但是貌似還沒有初始化,所以需要我們自己初始化。很神奇,初始化的時候並不需要給它指定frame,UITableViewController會為我們進行管理。遺憾的時目前只看到下拉重新整理功能,上拉重新整理還沒有,估計在最終版裡面蘋果會考慮加入上拉重新整理功能。
我們還可以給UIRefreshControl設定tintColor和attributedTitle。

 b)下拉重新整理事件監聽

當使用者進行下拉重新整理操作時,UIRefreshControl 會觸發一個UIControlEventValueChanged事件,通過監聽這個事件,我們就可以進行類似資料請求的操作了。如下代碼:

複製代碼 代碼如下:

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

c)進行資料請求

在樣本中,為了示範資料請求,我簡單的做了一個延時處理,2秒鐘後,調用handleData

複製代碼 代碼如下:

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

在handleData裡面,就表示已經請求到了資料,在此進行UI更新即可。也需要注意的是,我們調用UIRefreshControl 的endRefreshing方法,表示重新整理結束,讓UIRefreshControl更新顯示。

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

3、官方標頭檔

下面是sdk中UIRefreshControl的聲明,想必看了下面的代碼,你已經知道如何使用了。

// // 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

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.