IOS UIWebView 下拉刷新功能的简单实现
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 下拉刷新功能的简单实现的更多相关文章
- 原生js实现简单的下拉刷新功能
前言: 我们在浏览移动端web页面的时候,经常会用到下拉刷新. 现在我们用原生的js实现这个非常简单的下拉刷新功能. (温馨提示:本文比较基础,功能也很简单.写的不好的地方,希望大神提点一二.) 一. ...
- Xamarin. Android实现下拉刷新功能
PS:发现文章被其他网站或者博客抓取后发表为原创了,给图片加了个水印 下拉刷新功能在安卓和iOS中非常常见,一般实现这样的功能都是直接使用第三方的库,网上能找到很多这样的开源库.然而在Xamarin. ...
- Android 高仿微信(QQ)滑动弹出编辑、删除菜单效果,增加下拉刷新功能
不可否认,微信.QQ列表的滑动删除.编辑功能着实很经典(从IOS那边模仿过来的),然.Android这边,对列表的操作,其实大多还停留上下文菜单来实现. Android如何实现list item的滑动 ...
- IOS 开发下拉刷新和上拉加载更多
IOS 开发下拉刷新和上拉加载更多 简介 1.常用的下拉刷新的实现方式 (1)UIRefreshControl (2)EGOTTableViewrefresh (3)AH3DPullRefresh ( ...
- [转]Android下拉刷新完全解析,教你如何一分钟实现下拉刷新功能
版权声明:本文出自郭霖的博客,转载必须注明出处. 转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/9255575 最近项目中需要用到L ...
- Android下拉刷新完全解析,教你如何一分钟实现下拉刷新功能 (转)
转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/9255575 最 近项目中需要用到ListView下拉刷新的功能,一开始想图省事,在 ...
- android ListView上拉加载更多 下拉刷新功能实现(采用pull-to-refresh)
Android实现上拉加载更多功能以及下拉刷新功能, 采用了目前比较火的PullToRefresh,他是目前实现比较好的下拉刷新的类库. 目前他支持的控件有:ListView, ExpandableL ...
- 利用Swiperefreshlayout实现下拉刷新功能的技术探讨
在常见的APP中通常有着下拉页面从而达到刷新页面的功能,这种看似简单的功能有着花样繁多的实现方式.而利用Swiperefreshlayout实现下拉刷新功能则是其中比较简明扼要的一种. 一般来说,在竖 ...
- Android StaggeredGrid 加下拉刷新功能 PullToRefresh
https://github.com/etsy/AndroidStaggeredGrid 用的github上面提供瀑布流,继承于abslistview,回收机制不错,并且提供了OnScrollLis ...
随机推荐
- java中cookie存取值
cookie存值: Cookie userCookie=new Cookie("loginInfo",loginInfo); userCookie.setMaxAge(30*24* ...
- javaSE基础06
javaSE基础06 一.匿名对象 没有名字的对象,叫做匿名对象. 1.2匿名对象的使用注意点: 1.我们一般不会用匿名对象给属性赋值的,无法获取属性值(现阶段只能设置和拿到一个属性值.只能调用一次方 ...
- MongoDB 效率
写入: 插入100万条数据:用InsertMany,耗时16s左右. 读取: 读取300万条数据,耗时3600毫秒.
- centos7.0 下安装git(ssh方式)
最近刚弄了个阿里云,在上面弄个git服务器,这里只弄了ssh方式访问,http方式访问的可以看我另外一个随笔http://www.cnblogs.com/hz-cww/p/6077970.html. ...
- 创建cocos项目并打包
- html5 websocket 实时日志推送
http://blog.csdn.net/neutrojan/article/details/46119645
- Sql server2012还原备份文件语句
--sql2012还原sql2008语句 --选择master数据库,新建查询 输入下面sql语句 --选择兼容模式(sql 2008)创建数据库db(还原时db写成原生数据库名称) RESTORE ...
- Centos 下编译安装Redis
安装环境说明: 操作系统:Centos 6.5 -64bit 安装路径:/usr/local/redis 开始编译redis tar -zxvf redis-2.8.19.tar.gz cd redi ...
- 远程debug调试java代码
远程debug调试java代码 日常环境和预发环境遇到问题时,可以用远程调试的方法本地打断点,在本地调试.生产环境由于网络隔离和系统稳定性考虑,不能进行远程代码调试. 整体过程是通过修改远程服务JAV ...
- 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 ...