raymondjavaxx / spinkit-objc Goto Github PK

View Code? Open in Web Editor NEW

726.0 31.0 78.0 455 KB

UIKit port of SpinKit

License: MIT License

Objective-C 99.33% Ruby 0.67%

spinkit objective-c loader spinner

spinkit-objc's Introduction

SpinKit-ObjC

UIKit port of SpinKit.

Installing

CocoaPods is the recommended way for adding SpinKit to your project.

pod 'SpinKit', '~> 1.1'

If you are not yet using CocoaPods, I definetly recommend you to check out their Getting Started guide and the NSHipster article.

Usage

Simply instantiate RTSpinKitView with the desired style and add to your view hierarchy.

#import <SpinKit/RTSpinKitView.h>
...
RTSpinKitView *spinner = [[RTSpinKitView alloc] initWithStyle:RTSpinKitViewStyleWave];
[self.view addSubview:spinner];

You can change the size of the spinner by manipulating the spinnerSize property. The default size is 37.0.

spinner.spinnerSize = 100.0;
[spinner sizeToFit];

Available styles:

RTSpinKitViewStylePlane
RTSpinKitViewStyleCircleFlip
RTSpinKitViewStyleBounce
RTSpinKitViewStyleWave
RTSpinKitViewStyleWanderingCubes
RTSpinKitViewStylePulse
RTSpinKitViewStyleChasingDots
RTSpinKitViewStyleThreeBounce
RTSpinKitViewStyleCircle
RTSpinKitViewStyle9CubeGrid
RTSpinKitViewStyleWordPress
RTSpinKitViewStyleFadingCircle
RTSpinKitViewStyleFadingCircleAlt
RTSpinKitViewStyleArc
RTSpinKitViewStyleArcAlt

MBProgressHUD

SpinKit integrates nicely with the amazing MBProgressHUD library:

RTSpinKitView *spinner = [[RTSpinKitView alloc] initWithStyle:RTSpinKitViewStyleWave color:[UIColor whiteColor]];

MBProgressHUD *hud = [MBProgressHUD showHUDAddedTo:self.view animated:YES];
hud.square = YES;
hud.mode = MBProgressHUDModeCustomView;
hud.customView = spinner;
hud.labelText = NSLocalizedString(@"Loading", @"Loading");

[spinner startAnimating];

Acknowledgements

Animations based on SpinKit by Tobias Ahlin.

SpinKit Contributors.

spinkit-objc's People

Contributors

Stargazers

Watchers

spinkit-objc's Issues

Color doesn't change when already animating

Radar like animation

I was wondering if you can add a radar like animation. The closest to it right now is the Pulse. The radar animation should be 3 pulses in consecutive sequence.

RTSpinView as iBoutlet with contraint not working

I tried creating a spinner view in the view controller via xib using IBOutlet and in its didSet set up its style.
@IBOutlet weak var testSpinner:RTSpinKitView! {
didSet {
testSpinner.style = .styleThreeBounce
testSpinner.color = .red
testSpinner.startAnimating()
}
}

but I am not able to see the spinner on the view.
I intend to start/stop the spinner after some service response.
Note:- the constraints are not failing.

Am I messing-up the spinner layer by using constraint? because When I give frame to spinner using CGrectMake() I am able to see the spinner.

Only RTSpinKitViewStylePlane works ok.

RTSpinKitViewStyleBounce disappears
RTSpinKitViewStyleWave freezes
RTSpinKitViewStyleWanderingCubes freezes
RTSpinKitViewStylePulse disappears

Cube-Folding

Hey guys,

I love the animations in this port of Spinkit!
However in one of our projects we used the cube folding animation in the web and android app.
Is it possible to port that animation to this lib as well?

Thanks,
Daniël

rasterization in 1.0.1 breaks when used with MBProgressHUD

When it's used with MBProgressHUD, it doesn't show up.
When it's used standalone, it works.