"Twitter music" and "Yahoo! Weather" like pull-to-refresh control created using GIF.
Completely created using UIKit framework.
Easy to drop into your project.
You can add your favorite gif animation to your own project, CHGifRefreshControl
make it super easy.
CHGifRefreshControl requires Xcode 5, targeting either iOS 5.0 and above, ARC-enabled.
Drag UIScrollView+GifPullToRefresh.h amd UIScrollView+GifPullToRefresh.m files to your project.
No other frameworks required.
#import "UIScrollView+GifPullToRefresh.h"
UIScrollView *scrollView = [[UIScrollView alloc] initWithFrame:self.view.bounds];
NSMutableArray *TwitterMusicDrawingImgs = [NSMutableArray array];
NSMutableArray *TwitterMusicLoadingImgs = [NSMutableArray array];
for (NSUInteger i = 0; i <= 73; i++) {
NSString *fileName = [NSString stringWithFormat:@"PullToRefresh_%03d.png",i];
[TwitterMusicDrawingImgs addObject:[UIImage imageNamed:fileName]];
}
for (NSUInteger i = 73; i <= 140; i++) {
NSString *fileName = [NSString stringWithFormat:@"PullToRefresh_%03d.png",i];
[TwitterMusicLoadingImgs addObject:[UIImage imageNamed:fileName]];
}
__weak UIScrollView *tempScrollView = scrollView;
[scrollView addPullToRefreshWithDrawingImgs:TwitterMusicDrawingImgs andLoadingImgs:TwitterMusicLoadingImgs andActionHandler:^{
//Do your own work when refreshing, and don't forget to end the animation after work finished.
[tempScrollView performSelector:@selector(didFinishPullToRefresh) withObject:nil afterDelay:3];
}];
And do not forget to remove it in your viewController's dealloc
method:
[scrollView removePullToRefresh];
You can use convert
command to convert all your gif picture's frames into png pictures:
convert -coalesce animation.gif animation.png
Make sure to install ImageMagick and ghostscript first, you can use brew to simplify process:
brew install imagemagick
brew install ghostscript
![CHGifRefreshControl] (https://raw.github.com/cyndibaby905/GIFRefreshControl/master/TwitterMusic.gif) ![CHGifRefreshControl] (https://raw.github.com/cyndibaby905/GIFRefreshControl/master/YahooWeather.gif) ![CHGifRefreshControl] (https://raw.github.com/cyndibaby905/GIFRefreshControl/master/Chrome.gif) ![CHGifRefreshControl] (https://raw.github.com/cyndibaby905/GIFRefreshControl/master/Universe.gif) ![CHGifRefreshControl] (https://raw.github.com/cyndibaby905/GIFRefreshControl/master/MacOSX.gif) ![CHGifRefreshControl] (https://raw.github.com/cyndibaby905/GIFRefreshControl/master/Windows.gif)
CHGifRefreshControl assumes the scrollView's contentInset
is UIEdgeInsetsMake(64.0f, 0.0f, 0.0f, 0.0f)
in iOS 7 and UIEdgeInsetsMake(0.0f, 0.0f, 0.0f, 0.0f)
in iOS 6. If this doesn't work for your project, you can modify the originalContentInsectY
property in CHGifRefreshControl
class. And I will make this step automatically later.
CHGifRefreshControl is available under the MIT license. See the LICENSE file for more info.