CBStoreHouseRefreshControl实现自定义下拉刷新

CBStoreHouseRefreshControl支持 CocoaPods, 添加以下一行代码到Podfile中即可:

pod "CBStoreHouseRefreshControl"

Alternatively, you can just drag CBStoreHouseRefreshControl (.h .m) and BarItem (.h .m) into your own project.

另一种方式就是:你把 CBStoreHouseRefreshControl (.h .m) 和 BarItem (.h .m) 文件拖到你的项目中就可以了。


How to use it

You can attach it to any UIScrollView like UITableView or UICollectionView using following simple static method:

你可以将它添加到UIScrollView的任何子类当中,用如下的一个方法:

+ (CBStoreHouseRefreshControl*)attachToScrollView:(UIScrollView *)scrollView

target:(id)target

refreshAction:(SEL)refreshAction

plist:(NSString *)plist;

self.storeHouseRefreshControl = [CBStoreHouseRefreshControl attachToScrollView:self.tableView target:self refreshAction:@selector(refreshTriggered:) plist:@"storehouse"];

Or, using this method for more configurable options:

或者用下面的一个方法进行更多的设置:

+ (CBStoreHouseRefreshControl*)attachToScrollView:(UIScrollView *)scrollView

target:(id)target

refreshAction:(SEL)refreshAction

plist:(NSString *)plist

color:(UIColor *)color

lineWidth:(CGFloat)lineWidth

dropHeight:(CGFloat)dropHeight

scale:(CGFloat)scale

horizontalRandomness:(CGFloat)horizontalRandomness

reverseLoadingAnimation:(BOOL)reverseLoadingAnimation

internalAnimationFactor:(CGFloat)internalAnimationFactor;

self.storeHouseRefreshControl = [CBStoreHouseRefreshControl attachToScrollView:self.tableView target:self refreshAction:@selector(refreshTriggered:) plist:@"storehouse" color:[UIColor whiteColor] lineWidth:1.5 dropHeight:80 scale:1 horizontalRandomness:150 reverseLoadingAnimation:YES internalAnimationFactor:0.5];

Then, implement UIScrollViewDelegate in your UIViewController if you haven't already, and pass the calls through to the refresh control:

然后,在你的控制器中实现你的UIScrollViewDelegate的一些方法,你将那些代理方法的值传进去即可:

- (void)scrollViewDidScroll:(UIScrollView *)scrollView

{

[self.storeHouseRefreshControl scrollViewDidScroll];

}

- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate

{

[self.storeHouseRefreshControl scrollViewDidEndDragging];

}

Lastly, make sure you've implemented the refreshAction you passed it earlier to listen for refresh triggers:

最后,确保你实现了刷新的操作:

- (void)refreshTriggered

{

//call your loading method here

//Finshed loading the data, reset the refresh control

[self.storeHouseRefreshControl finishingLoading];

}

For more details, please check out the demo app's code.

更多细节,请查阅示例代码。

How to use your own shape

The CBStoreHouseRefreshControl's shape contains bunch of BarItem for animation, each BarItemis running its own animation, you need to provide startPoint and endPoint through a plist file.

All BarItem will share one coordinate system whose origin is at the top-left corner. For example if you want to draw a square, the plist will look like this:

CBStoreHouseRefreshControl的形状包含了一系列的BarItem用于动画,每一个BarItem都执行他自身的动画,你需要给他们在plist文件里面提供一个起始值和结束值。

所有的BarItem会分享同一个坐标系统,这个坐标系统的原始顶点在左上角。如果你是要绘制一个正方形,那么,plist文件中就应该是如下的样子。

Notes:

Make sure you put the right key which are startPoints and endPoints. 确保你的key值是在正确的起始点与结束点那里

Make sure you are using the right format ({x,y}) for coordinates. 确保你是使用了正确的坐标系统

The highlight/loading animation will highlight each bar item in the same order you declare them in plist, use reverseLoadingAnimation to reverse the animation. 这个高亮效果会根据你的plist文件中列表的顺序而依次高亮,你可以使用reverseLoadingAnimation来反转动画效果


Easy way to generate startPoint and endPoint?

@isaced mentions that it's easier to use PaintCode to generate startPoint and endPoint:

你可以使用PaintCode来生成起始点与结束点


Configuration

Play with following parameters to configure CBStoreHouseRefreshControl's view and animation:

你可以根据如下的一些参数来配置CBStoreHouseRefreshControl的动画效果:

Set the bar color with the color parameter 设置bar的颜色

Set the bar width with the lineWidth parameter 设置bar的宽度以及线宽

Set the height of control with the dropHeight parameter 设置控制器的垂直高度???

Set the scale of control with the scale parameter 设置缩放参数

Adjust how disperse the bar items appear/disappear by changing the horizontalRandomnessparameter 调整bar是怎么消失的

Set if reversing the loading animation with the reverseLoadingAnimation parameter, if set to YES, the last bar item will be highlighted firstly. 反转动画的顺序

Adjust the time offset of the appear/disappear animation by changing theinternalAnimationFactor parameter, for example if internalAnimationFactor is 1 all bar items will appear/disappear all together. 调整动画时间的偏移量

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,029评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,395评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,570评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,535评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,650评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,850评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,006评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,747评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,207评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,536评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,683评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,342评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,964评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,772评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,004评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,401评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,566评论 2 349

推荐阅读更多精彩内容

  • 大家有片段开头这种经历吗?自我介绍中对于爱好的介绍,大家是不是经常都是只是介绍了兴趣事件,但并没有介绍每个兴趣事件...
    小太阳and小煤球阅读 138评论 0 0
  • 夕颜,正名月光花。 我常常分不清它和牵牛花,在我看来它们就像是一家人。 了解它是因为它的花语:生命中永不丢失的温暖...
    橙星辰阅读 499评论 0 3
  • 拥有“对子王”称号的他今年五十岁左右,一般人见了他都会估计年龄为四十岁出头。 一张被岁月优待的脸,神态带着腼腆,笑...
    落雨初晴阅读 972评论 2 2
  • 原来,请人吃素,并不是为了让自己积累功德或怎样。 而是,帮助自己召回失落已久的善良,热忱,正直和诚信。 那颗善良有...
    lolipop很慢阅读 173评论 0 0
  • 小时候我问姐姐什么是傻逼。 姐姐说:“张嘴我靠闭嘴我操,一言不合日你妈的人就是傻逼。” 我又问姐姐什么是二逼。 姐...
    张月半i阅读 8,318评论 169 317