Skip to content
This repository has been archived by the owner on Mar 14, 2018. It is now read-only.

FFCircularProgressView - An iOS 7-inspired blue circular progress view

License

Notifications You must be signed in to change notification settings

mufumbo/FFCircularProgressView

 
 

Repository files navigation

FFCircularProgressView Build Status

FFCircularProgressView - An iOS 7-inspired blue circular progress view

ss1 ss2 ss3 ss4

This progress view is inspired by the new progress view in the App Store, iOS 7. Also the colors are taken from there.

See it in action

sample

Requirements

FFCircularProgressView works on iOS version > 5 and is compatible with both ARC and non-ARC projects. It depends on the following Apple frameworks, which should already be included with most Xcode templates:

  • Foundation.framework
  • UIKit.framework
  • CoreGraphics.framework
  • QuartzCore.framework

You will need LLVM 3.0 or later in order to build FFCircularProgressView.

Usage

Just use it as it is a normal UIProgressView. Make sure you set the progress value in the main thread ;)

double delayInSeconds = 2.0;
dispatch_time_t popTime = dispatch_time(DISPATCH_TIME_NOW, (int64_t)(delayInSeconds * NSEC_PER_SEC));
dispatch_after(popTime, dispatch_get_main_queue(), ^(void){
    dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_BACKGROUND,0), ^{
        for (float i=0; i<1.1; i+=0.01F) {
            dispatch_async(dispatch_get_main_queue(), ^{
                [circularProgressView setProgress:i];
            });
            usleep(10000);
        }            
    });
});

You can also control the progress view spin animation by using the following two methods to start and stop the spinning, respectively:

// Start spinning
[circularProgressView startSpinProgressBackgroundLayer];

// Stop spinning
[circularProgressView stopSpinProgressBackgroundLayer];

Acknowledgments

The code to draw the tick has been adapted from GSProgressView.

License

This code is distributed under the terms and conditions of the MIT license.

Attributions

I do not demand to be mentioned in your apps nor to receive any kind of compensation if you use this code. Yet, I would like to have feedbacks if you use it and you like it.

Follow me on Twitter: @elbryanlos

About

FFCircularProgressView - An iOS 7-inspired blue circular progress view

Resources

License

Stars

Watchers

Forks

Packages

No packages published