Swift开发之使用UIRefreshControl实现下拉刷新数据及uirefreshcontrol使用

想要下拉刷新表格数据,上拉加载新数据,网上有许多第三方的实现类。

而如果仅仅需要实现下拉刷新数据的话,那么使用 UIRefreshControl 就足够了,简单有好用。

1.UIRefreshControl 的使用步骤:

(1)创建 UIRefreshControl,并设置文字,颜色等信息。
(2)将 UIRefreshControl 添加到tableview视图中。
(3)给 UIRefreshControl 添加方法,当值改变的时候调用,用于数据请求刷新。
(4)请求数据确认完成之后,调用endRefreshing方法,关闭刷新。

2.效果图如下

3.代码如下

import UIKit
class 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
(0)

相关推荐

  • Android下拉列表(Spinner)效果(使用C#和Java分别实现)

    效果如下: C#实现代码 using Android.App; using Android.OS; using Android.Widget; namespace SpinnerDemo { [Activity(Label = "@string/ApplicationName", MainLauncher = true, Icon = "@drawable/icon")] public class MainActivity : Activity { private

  • Swift版使用ThPullRefresh实现下拉上拉刷新数据

    最近自己写了一个下拉加载最新,上拉加载更多的刷新控件.借鉴了其他优秀开源代码的实现效果比如MJRefresh和DGElasticPullRefresh.主要是为了学习别人的优秀思想. 如何使用: Cocoapods 导入:pod 'ThPullRefresh', 在项目中 import 'ThPullRefresh' 手动导入:将'ThPullRefresh' 文件夹中的所有文件拽入项目中 head与foot基本效果的添加 具体代码如下: override func viewDidLoad()

  • AJAX省市区三级联动下拉菜单(java版)

    此小程序的功能主要是采用异步请求方式从数据库中调取省市区信息显示到下拉列表: 代码如下: 建立数据库中的代码和一些配置文件信息就省略了,主要有JavaScript中的代码为: $(document).ready(function(){ $.get("getProvince.do", function(result){ $("#showp").html(result); }); }) var xmlhttp; function mysend(str){ $(docum

  • java AJAX实现级联下拉框

    复制代码 代码如下: package com.ajaxlab.ajax; import java.util.ArrayList; import java.util.Collection; import java.util.Iterator; import org.jdom.Document; import org.jdom.Element; import org.jdom.input.SAXBuilder; import com.ajaxlab.ajax.ProductClass; public

  • Java Swing中的下拉式菜单(menu)、弹出式菜单(JPopupMenu)、选项卡窗体(JTabbedPane)组件使用案例

    菜单是GUI中最常用的组件,菜单不是Component类的子类,不能放置在普通容器中,不受布局管理器的约束,只能放置在菜单栏中. 菜单组件由菜单栏 (MenuBar).菜单(Menu)和菜单项(MenuItem)三部分组成. 一个菜单栏由若干个菜单组成,一个菜单又由若干个菜单项组成.一般菜单栏放 Frame 窗口中,只要调用 Frame 类的 setMenuBar()方法即可. 常用的菜单有:下拉式菜单和弹出式菜单(独立显示,可出现在任意地方). 一:下拉式菜单的创建步骤: 1.创建一个菜单栏.

  • java之swing下拉菜单实现方法

    本文实例讲述了java之swing下拉菜单实现方法.分享给大家供大家参考.具体如下: import java.awt.*; import javax.swing.*; import java.awt.event.*; public class test extends JApplet implements ItemListener{ JLabel jtf; ImageIcon a1, a2, a3; public void init(){ Container contentPane = getC

  • Swift开发之使用UIRefreshControl实现下拉刷新数据及uirefreshcontrol使用

    想要下拉刷新表格数据,上拉加载新数据,网上有许多第三方的实现类. 而如果仅仅需要实现下拉刷新数据的话,那么使用 UIRefreshControl 就足够了,简单有好用. 1.UIRefreshControl 的使用步骤: (1)创建 UIRefreshControl,并设置文字,颜色等信息. (2)将 UIRefreshControl 添加到tableview视图中. (3)给 UIRefreshControl 添加方法,当值改变的时候调用,用于数据请求刷新. (4)请求数据确认完成之后,调用e

  • angularjs实现上拉加载和下拉刷新数据功能

    虽说AngularJS 1.x版本中对于上拉加载,下拉刷新数据功能都有做些封装,但还是有些人不清楚.其实我一开始也是不懂的,so.现在把搞懂的记录下免得少走弯路. now,begin:先说下拉刷新吧,原理就是每次下拉都重新去服务器请求过一次新的数据.一般这种刷新功能的响应数据(也就是服务器返回的(json)数据)中都会带有 "rowsOfPage": 3, "currentPage": 1, "totalPages": 10, "tot

  • mui上拉加载更多下拉刷新数据的封装过程

    辗转用mui做了两个项目,空下来把mui上拉加载更多,下拉刷新数据做了一个简单的封装,希望可以帮助到需要的朋友 demo项目的结构 直接贴代码了 index.html mui上拉刷新下拉加载都这里了,两个方法搞定 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device

  • 使用echarts柱状图实现select下拉刷新数据

    目录 echarts柱状图实现select下拉刷新数据 表格的下拉框中包含echarts图表的demo echarts柱状图实现select下拉刷新数据 废话少说,直接上代码 <div>月度 <select id="year_data"> <option value="1" class="active">3月</option> <option value="2">4月

  • Android自定义控件开发实战之实现ListView下拉刷新实例代码

    这篇博客为大家介绍一个android常见的功能--ListView下拉刷新: 首先下拉未松手时候手机显示这样的界面: 下面的代码是自定的扎样的控件: <span style="font-family: comic sans ms,sans-serif; font-size: 16px;">package com.dhsr.smartID.view; import android.content.Context; import android.util.AttributeSe

  • Android程序开发之使用PullToRefresh实现下拉刷新和上拉加载

    PullToRefresh是一套实现非常好的下拉刷新库,它支持: 1.ListView 2.ExpandableListView 3.GridView 4.WebView 等多种常用的需要刷新的View类型,而且使用起来也十分方便. (下载地址:https://github.com/chrisbanes/Android-PullToRefresh) 下载完成,将它导入到eclipse中,作为一个library导入到你的工程中就好了. 一.废话少说,下拉刷新go. 1.在你的布局文件中加上你想用的

  • android开发教程之实现listview下拉刷新和上拉刷新效果

    复制代码 代码如下: public class PullToLoadListView extends ListView implements OnScrollListener { private static final String TAG = PullToLoadListView.class.getSimpleName(); private static final int STATE_NON = 0; private static final int STATE_PULL_TO_REFRE

  • Android使用PullToRefresh完成ListView下拉刷新和左滑删除功能

    ListView下刷新刷功能相信从事Android开发的猿友们并不陌生,包括现在Google亲儿子SwipeRefreshLayout实现效果在一些APP上也能看见(不过个人不喜欢官方的刷新效果).本文就带领一些刚入门android的朋友或者一起爱分享的朋友来简单的实现ListView的下拉刷新和左滑删除效果. 一.本文主要内容: 使用PullToRefresh完成ListView下拉.上拉刷新: 扩展PullToRefresh完美的实现ListView左滑删除效果: 注意:本文中的PullTo

  • 微信小程序下拉刷新PullDownRefresh的使用方法

    前言 下拉刷新和上拉加载是业务上一个很常见的需求,在微信小程序里,提供了下拉刷新的方法 onPullDownRefresh .虽然微信的官方文档有很多坑,但下拉刷新介绍的还是很全面的. 微信小程序--下拉刷新.jpg 最近开发一款微信小程序,里面有用到下拉刷新数据的功能.于是,又开始折腾了... 一.onPullDownRefresh回调 初略看了下文档,发现小程序js中有onPullDownRefresh回调,果断重写之... // http://itlao5.com onPullDownRe

  • Android下拉刷新PtrFrameLayout的使用实例代码

    1.介绍: 可以包含所有的控件 :ListView, GridView, ScrollView, FrameLayout, 甚至 TextView. 可以自定义刷新头(这点非常实用) 使用简单方便 不足就是不支持上拉加载. 2.使用 首先添加依赖到项目 compile 'in.srain.cube:ultra-ptr:1.0.11' 在Xml中使用 <in.srain.cube.views.ptr.PtrFrameLayout xmlns:android="http://schemas.a

随机推荐