1.运行效果图

2.swift 代码的实现

import UIKit

class RefreshWebViewController: UIViewController,UIScrollViewDelegate,UIWebViewDelegate{

@IBOutlet weak var webView: UIWebView!

//刷新控件view

private var header:UIView!

//下拉到50时松开刷新

private let pullHeight:CGFloat=50

//刷新提示文字

private var headerText:UILabel!

//刷新指示器(旋转小圆圈)

private var activityView:UIActivityIndicatorView!

//标记刷新状态

private var isRefreshing=false

override func viewDidLoad() {

super.viewDidLoad()

self.webView.scrollView.delegate=self

self.webView.delegate=self

self.automaticallyAdjustsScrollViewInsets=false

initHeaderView()

loading()

}

//定义下拉刷新控件

private func initHeaderView( )  {

self.header=UIView(frame: CGRectMake(0,0, self.view.frame.width,200))

self.header.backgroundColor=UIColor.darkGrayColor()

self.headerText=UILabel(frame: CGRectMake((self.view.frame.width-120)/2,10,150,30))

self.headerText.text="下拉刷新"

self.headerText.textAlignment=NSTextAlignment.Center

self.headerText.textColor=UIColor.whiteColor()

self.header.addSubview(headerText)

self.activityView=UIActivityIndicatorView(frame: CGRectMake( self.headerText.frame.origin.x-5,15,20,20))

self.header.addSubview(activityView)

self.webView.insertSubview(header, atIndex: 0)

}

//加载网页

func loading( ) {

self.webView.loadRequest(NSURLRequest(URL: NSURL(string:"http://www.hao123.com")!))

}

//scroll滚动时调用

func scrollViewDidScroll(scrollView: UIScrollView) {

if isRefreshing{

return

}

//当下拉到pullHeight高度时松开即可刷新

if scrollView.contentOffset.y <= -pullHeight{

self.headerText.text="松开立即刷新"

}else{

self.headerText.text="下拉刷新"

}

}

//    scrollview停止滚动时调用

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

if isRefreshing{

return

}

if scrollView.contentOffset.y <= -pullHeight{

refreshing()

}

}

//开始刷新

func refreshing( )   {

isRefreshing=true

self.headerText.text="正在刷新..."

self.activityView.startAnimating()

UIView.animateWithDuration(0.5, delay: 0,   options: .CurveEaseOut, animations: {

// 设置刷新控件停留

var offY = self.webView.scrollView.contentInset

offY.top += self.pullHeight

self.webView.scrollView.contentInset=offY

}, completion:{(_)->Void in

})

self.loading()

}

//刷新结束

func refreshEnd() {

self.headerText.text="刷新成功"

self.activityView.stopAnimating()

UIView.animateWithDuration(1, delay: 0,   options: .CurveEaseOut, animations: {

//恢复刷新控件到原始位置

var offY = self.webView.scrollView.contentInset

offY.top -= self.pullHeight

self.webView.scrollView.contentInset=offY

}, completion:{(_)->Void in

self.isRefreshing=false

self.headerText.text="下拉刷新"

})

}

//网页加载完成

func webViewDidFinishLoad(webView: UIWebView) {

if isRefreshing{

refreshEnd()

}

}

}

IOS UIWebView 下拉刷新功能的简单实现的更多相关文章

  1. 原生js实现简单的下拉刷新功能

    前言: 我们在浏览移动端web页面的时候,经常会用到下拉刷新. 现在我们用原生的js实现这个非常简单的下拉刷新功能. (温馨提示:本文比较基础,功能也很简单.写的不好的地方,希望大神提点一二.) 一. ...

  2. Xamarin. Android实现下拉刷新功能

    PS:发现文章被其他网站或者博客抓取后发表为原创了,给图片加了个水印 下拉刷新功能在安卓和iOS中非常常见,一般实现这样的功能都是直接使用第三方的库,网上能找到很多这样的开源库.然而在Xamarin. ...

  3. Android 高仿微信(QQ)滑动弹出编辑、删除菜单效果,增加下拉刷新功能

    不可否认,微信.QQ列表的滑动删除.编辑功能着实很经典(从IOS那边模仿过来的),然.Android这边,对列表的操作,其实大多还停留上下文菜单来实现. Android如何实现list item的滑动 ...

  4. IOS 开发下拉刷新和上拉加载更多

    IOS 开发下拉刷新和上拉加载更多 简介 1.常用的下拉刷新的实现方式 (1)UIRefreshControl (2)EGOTTableViewrefresh (3)AH3DPullRefresh ( ...

  5. [转]Android下拉刷新完全解析,教你如何一分钟实现下拉刷新功能

    版权声明:本文出自郭霖的博客,转载必须注明出处. 转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/9255575 最近项目中需要用到L ...

  6. Android下拉刷新完全解析,教你如何一分钟实现下拉刷新功能 (转)

    转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/9255575 最 近项目中需要用到ListView下拉刷新的功能,一开始想图省事,在 ...

  7. android ListView上拉加载更多 下拉刷新功能实现(采用pull-to-refresh)

    Android实现上拉加载更多功能以及下拉刷新功能, 采用了目前比较火的PullToRefresh,他是目前实现比较好的下拉刷新的类库. 目前他支持的控件有:ListView, ExpandableL ...

  8. 利用Swiperefreshlayout实现下拉刷新功能的技术探讨

    在常见的APP中通常有着下拉页面从而达到刷新页面的功能,这种看似简单的功能有着花样繁多的实现方式.而利用Swiperefreshlayout实现下拉刷新功能则是其中比较简明扼要的一种. 一般来说,在竖 ...

  9. Android StaggeredGrid 加下拉刷新功能 PullToRefresh

    https://github.com/etsy/AndroidStaggeredGrid  用的github上面提供瀑布流,继承于abslistview,回收机制不错,并且提供了OnScrollLis ...

随机推荐

  1. java中cookie存取值

    cookie存值: Cookie userCookie=new Cookie("loginInfo",loginInfo); userCookie.setMaxAge(30*24* ...

  2. javaSE基础06

    javaSE基础06 一.匿名对象 没有名字的对象,叫做匿名对象. 1.2匿名对象的使用注意点: 1.我们一般不会用匿名对象给属性赋值的,无法获取属性值(现阶段只能设置和拿到一个属性值.只能调用一次方 ...

  3. MongoDB 效率

    写入: 插入100万条数据:用InsertMany,耗时16s左右. 读取: 读取300万条数据,耗时3600毫秒.

  4. centos7.0 下安装git(ssh方式)

    最近刚弄了个阿里云,在上面弄个git服务器,这里只弄了ssh方式访问,http方式访问的可以看我另外一个随笔http://www.cnblogs.com/hz-cww/p/6077970.html. ...

  5. 创建cocos项目并打包

  6. html5 websocket 实时日志推送

    http://blog.csdn.net/neutrojan/article/details/46119645

  7. Sql server2012还原备份文件语句

    --sql2012还原sql2008语句 --选择master数据库,新建查询 输入下面sql语句 --选择兼容模式(sql 2008)创建数据库db(还原时db写成原生数据库名称) RESTORE ...

  8. Centos 下编译安装Redis

    安装环境说明: 操作系统:Centos 6.5 -64bit 安装路径:/usr/local/redis 开始编译redis tar -zxvf redis-2.8.19.tar.gz cd redi ...

  9. 远程debug调试java代码

    远程debug调试java代码 日常环境和预发环境遇到问题时,可以用远程调试的方法本地打断点,在本地调试.生产环境由于网络隔离和系统稳定性考虑,不能进行远程代码调试. 整体过程是通过修改远程服务JAV ...

  10. Andriod学习笔记2:“Your content must have a ListView whose id attribute is 'android.R.id.list'”问题的解决办法

    问题描述 activity_main.xml代码如下: <?xml version="1.0" encoding="utf-8"?> <Lin ...