ios-上拉电阻负载许多其他接口
想尝试拉加载意识到有多少开始了他的研究之旅,我看了两天做出最终的界面。
之所以这么慢是由于,我不知道要将上拉出现的view放在哪。就能在scrollView拉究竟部的时候被拉出来。还有就是怎么拉出来之后停在这里。网上下载样例之后研究了两天:
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMDEyMzIwOA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMDEyMzIwOA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">
先说一下,在以下处理图片中橘色view的位置的时候用了kvo进行了监听。
先一个枚举 来指示眼下刷新view是在哪个状态:
typedef enum {
RefreshStateLoading = 1,//刷新状态为正在载入
RefreshStateRelease, //下拉完毕释放之前
RefreshStateNomal, //原始状态
}RefreshState;
以下一个类view来描写叙述刷新view
@interface FootView : UIView @property (nonatomic,strong) UIActivityIndicatorView *activity;//活动指示条
@property (nonatomic,strong) UIImageView *imageView; //箭头图片
@property (nonatomic,strong) UILabel *infolabel; //文字指示
@property (nonatomic,assign) RefreshState refreshState; //刷新的状态 - (void)refreshStateLoading;
- (void)refreshStateNomal;
- (void)refreshStateRelsease; @end
#import "FootView.h" @implementation FootView @synthesize activity;
@synthesize imageView;
@synthesize infolabel;
@synthesize refreshState; - (id)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if (self) {
self.backgroundColor = [UIColor orangeColor]; //活动指示器初始化
activity = [[UIActivityIndicatorView alloc]initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleGray];
activity.frame = CGRectMake(10, 0, 50, 70);
[self addSubview:activity]; //箭头图片初始化
imageView = [[UIImageView alloc]initWithFrame:CGRectMake(10, 10, 30, 50)];
imageView.image = [UIImage imageNamed:@"blackArrow.png"];
[self addSubview:imageView]; //信息label初始化
infolabel = [[UILabel alloc]initWithFrame:CGRectMake(100,0 ,100, 70)];
infolabel.text = @"下拉刷新...";
infolabel.font = [UIFont fontWithName:@"Helvetica" size:20];
infolabel.textAlignment = NSTextAlignmentCenter;
infolabel.textColor = [UIColor blackColor];
[self addSubview:infolabel]; //设置初始状态
self.refreshState = RefreshStateNomal;
}
return self;
} //初始状态
- (void)refreshStateNomal
{
self.refreshState = RefreshStateNomal;
[self.activity stopAnimating];
self.infolabel.text = @"下拉载入很多其它...";
self.imageView.layer.transform = CATransform3DMakeRotation(M_PI * 2, 0, 0, 1);
self.imageView.hidden = NO;
} //正在请求数据时
- (void)refreshStateLoading
{
self.refreshState = RefreshStateLoading;
self.imageView.hidden = YES;
[UIView beginAnimations:nil context:nil];
self.infolabel.text = @"正在载入...";
[self.activity startAnimating];
[UIView commitAnimations];
} //下拉完毕后
- (void)refreshStateRelsease
{
self.refreshState = RefreshStateRelease;
[UIView beginAnimations:nil context:nil];
self.infolabel.text = @"释放后载入...";
self.imageView.layer.transform = CATransform3DMakeRotation(M_PI, 0, 0, 1);
[UIView commitAnimations]; } @end
以下来写table
#import <UIKit/UIKit.h> @interface MyTableVC : UITableViewController<UIScrollViewDelegate> @property (nonatomic,strong) NSMutableArray *dataArray;//数据 @end
#import "MyTableVC.h"
#import "FootView.h" #define TABLE_CELL_HIGHT 50.0 @interface MyTableVC () @end @implementation MyTableVC
{
FootView *footView;
} @synthesize dataArray; - (id)initWithStyle:(UITableViewStyle)style
{
self = [super initWithStyle:style];
if (self) { }
return self;
} - (void)viewDidLoad
{
[super viewDidLoad];
dataArray = [NSMutableArray arrayWithArray:@[@"列表1",@"列表2",@"列表3",@"列表2",@"列表3",@"列表2",@"列表3",@"列表2",@"列表3",@"列表2",@"列表3",@"列表2",@"列表3",@"列表2",@"列表5"]];
[self addPullToRefreshFooter];
} //加入FootView指示器
- (void)addPullToRefreshFooter
{
//FootView初始化
footView = [[FootView alloc]initWithFrame:CGRectMake(0, dataArray.count*50 , 320, 251)];
[self.tableView addSubview:footView];
//监视数据数组
[self addObserver:self forKeyPath:@"dataArray" options:NSKeyValueObservingOptionNew context:nil];
} #pragma mark - Table view data source - (float)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
return TABLE_CELL_HIGHT;
} - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
return 1;
} - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
return dataArray.count;
} - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString *inditifierCell = @"Cell";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:inditifierCell];
if (cell == nil) {
cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:inditifierCell];
}
cell.textLabel.text = [dataArray objectAtIndex:indexPath.row]; return cell;
} - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
NSMutableArray *new = [[NSMutableArray alloc]initWithArray:dataArray];
[new addObject:@"张三"];
self.dataArray = new;
[footView refreshStateNomal];
self.tableView.contentInset = UIEdgeInsetsMake(0, 0, 0, 0); } #pragma mark - kvo
//用于监听dataArray数组来设置footview的位置
- (void) observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context
{
NSLog(@"%d",dataArray.count);
NSMutableArray *mutableArray = [change objectForKey:@"new"];
footView.frame = CGRectMake(0,TABLE_CELL_HIGHT* mutableArray.count, 320, 251);
[self.tableView reloadData];
} #pragma mark - Scroller //当scroller滑动时调用
- (void) scrollViewDidScroll:(UIScrollView *)scrollView
{
if (footView.refreshState == RefreshStateNomal&& scrollView.contentOffset.y > scrollView.contentSize.height - scrollView.frame.size.height + 70) {
[footView refreshStateRelsease];
}
} //当滑动结束时调用
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{
if (footView.refreshState == RefreshStateRelease) {
[UIView beginAnimations:nil context:nil];
self.tableView.contentInset = UIEdgeInsetsMake(0, 0, 70, 0);
[footView refreshStateLoading];
[UIView commitAnimations];
}
} @end
在table中处理一些事件:
为了測试加入数据后footview的位置是否会跟着变动。当点击cell的时候会加入一个数据。
为了測试载入完毕后第二次拖拽是否页面还可以完毕,当点击cell的时候foottview会停止;
下载代码:http://download.csdn.net/detail/u010123208/8036577
版权声明:本文博主原创文章。博客,未经同意不得转载。
ios-上拉电阻负载许多其他接口的更多相关文章
- ios 上拉载入下拉刷新Dome
为练手写了一个小的上拉载入很多其它下拉刷新的小的Dome . 没有太多的技术含量,仅仅是作为新手的启示用.是上一篇下拉载入的扩展.先看一下那个再看这个就easy非常多. Dome下载:http://d ...
- iOS 上拉刷新和下拉加在更多(第三方框架EGOTableViewPullRefresh)
#import <UIKit/UIKit.h> @interface AppDelegate : UIResponder <UIApplicationDelegate> @pr ...
- mui之上拉刷新和mui-content结合解决ios上拉不回弹的bug
打电话.发短信 https://blog.csdn.net/itguangit/article/details/78210770
- ios系统微信浏览器、safari浏览器中h5页面上拉下滑导致悬浮层脱离窗口的解决方法
一. 运行环境: iphone所有机型的qq浏览器,safari浏览器,微信内置浏览器(qq浏览器内核)等. 二. 异常现象: 1. 大幅度上下滑动h5页面,然后停止滑动,有时候会影响到页面滚动,如局 ...
- 【Android-自定义控件】SwipeRefreshDemo 下拉刷新,上拉加载
参考:https://github.com/PingerOne/SwipeRefreshDemo 谷歌官方的SwipeRefreshLayout控件,只有下拉刷新功能. 自定义的SwipeRefres ...
- 微信小程序 下拉刷新 上拉加载
1.下拉刷新 小程序页面集成了下拉功能,并提供了接口,我们只需要一些配置就可以拿到事件的回调. 1. 需要在 .json 文件中配置. 如果配置在app.json文件中,那么整个程序都可以下拉刷新. ...
- js 前端实现下拉刷新 上拉加载
效果 css html,body{ height:100%; // 其他界面未设置html 无法监听scroll } /* 下拉刷新 */ .refresh-loading { transition: ...
- iOS开发 XML解析和下拉刷新,上拉加载更多
iOS开发 XML解析和下拉刷新,上拉加载更多 1.XML格式 <?xml version="1.0" encoding="utf-8" ?> 表示 ...
- IOS tableview下拉刷新上拉加载分页
http://code4app.com/ios/快速集成下拉上拉刷新/52326ce26803fabc46000000 刷新没用用插件,加载使用的MJ老师的插件. - (void)viewDidLoa ...
随机推荐
- 开发自己PHP MVC框架(一)
本教程翻译自John Squibb 的Build a PHP MVC Framework in an Hour,但有所改动,原文地址:http://johnsquibb.com/tutorials 这 ...
- 《转》Linux网络编程入门
原地址:http://www.cnblogs.com/duzouzhe/archive/2009/06/19/1506699.html (一)Linux网络编程--网络知识介绍 Linux网络编程-- ...
- 不断摸索发现用 andy 模拟器很不错,感觉跟真机差不多
嗯,今天也遇到了模拟的问题.那个慢啊,好几分钟才能开机,加载程序总共差不多十几分钟.当时想如果真做android开发必须换电脑啊.后来不断摸索发现用 andy 模拟器很不错,感觉跟真机差不多. 还是真 ...
- Flex与Java交互(Flex调用java类展示数据)解析xml展示数据
Flex与java通信最简单例子(详细说明了各种需要注意的配置):http://blog.csdn.net/u010011052/article/details/9116869 Flex与java通信 ...
- 用jsp写注冊页面
包含单选框.多选框.session的应用,页面自己主动跳转,中文乱码的处理,入门级 对于中文乱码的处理,注意几点:注冊页面数据提交方式为post不能忘了写,页面编码方式为gbk,处理提交信息的doRe ...
- 改动file header (測)
--改动file header ------------------------------------------------------------------------- cd $ORACLE ...
- oracle乱码问题
oracle乱码问题通常是因为oracle字符集设置和操作系统字符集设置不一致造成的,这里不得不提到两个操作系统环境变量,LANG和NLS_LANG LANG是针对Linux系统的语言.地区.字符集的 ...
- 架设FLASH视频流server心得
什么样的情况下才使用FMS?有下面几种情形的时候,你可能须要用到FMS 1.须要通过Flash Player 播放视频,而视频是以流的方式,而不是http渐进式下载的方式进行播放的时候.渐进式下载就是 ...
- linux下查看日志基本命令
1.cat命令: 功能:1)显示整个文件. 演示样例: $ cat fileName 2)把文件串连接后传到基本输出,如将几个文件合并为一个文件或输出到屏幕. 演示样例: $ cat file1 fi ...
- Android 网络编程 Socket Http
前言 欢迎大家我分享和推荐好用的代码段~~ 声明 欢迎转载,但请保留文章原始出处: CSDN:http://www.csdn.net ...