自定义下拉刷新控件-CBStoreHouseRefreshControl

转载

mob604756e5abbc 2014-11-23 00:00:00

介绍

这是一款在Storehouse启发下创作出来的控件，下拉刷新的时候可以完全定制自己想要的效果。来看效果图：

通过plist文件你可以使用任何想要的形状，下面这张是作者所在公司的logo:

安装

CBStoreHouseRefreshControl依赖于CocoaPods，通过在你的Podfile中添加下面这行命令来安装：

1	`pod` `"CBStoreHouseRefreshControl"`

当然你也可以直接把CBStoreHouseRefreshControl (.h .m) 和 BarItem (.h .m)文件直接拖到你的工程中去。

用法

只需要简单的使用下面这个方法你就可以将其添加到你的UIScrollView中，像使用UITableView和UICollectionView那样:

1 2 3 4 5	`+ (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"``];`

还可以设定更多的参数:

1 2 3 4 5 6 7 8 9 10 11 12	`+ (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];`

接下来就是在你的UIViewController中实现UIScrollViewDelegate，假如实现过就不必了。然后在刷新控件里传递调用。

1 2 3 4 5 6 7 8	`- (void)scrollViewDidScroll:(UIScrollView )scrollView``{``[self.storeHouseRefreshControl scrollViewDidScroll];``}``- (void)scrollViewDidEndDragging:(UIScrollView )scrollView willDecelerate:(BOOL)decelerate``{``[self.storeHouseRefreshControl scrollViewDidEndDragging];``}`

最后，确保你已经实现了之前用来监听刷新触发器的refreshAction。

1 2 3 4 5 6	`- (void)refreshTriggered``{``//call your loading method here``//Finshed loading the data, reset the refresh control``[self.storeHouseRefreshControl finishedLoading];``}`