mownier / monactivityindicatorview Goto Github PK

View Code? Open in Web Editor NEW

328.0 12.0 55.0 591 KB

MONActivityIndicatorView is an awesome custom activity indicator view for iOS.

License: MIT License

Objective-C 95.57% Ruby 4.43%

uiactivityindicatorview objective-c

monactivityindicatorview's Introduction

MONActivityIndicatorView

MONActivityIndicatorView is an awesome custom activity indicator view for iOS.

![MONActivityIndicatorView] (https://raw.github.com/mownier/MONActivityIndicatorView/master/MONActivityIndicatorView-Screenshot.gif)

Installation

Manual Install

Copy and add the files MONActivityIndicatorView.h and MONActivityIndicatorView.m to your project.
Add the QuartzCore framework to your project.
Then do, import MONActivityIndicatorView.h

From CocoaPods

Add pod 'MONActivityIndicatorView' to your Podfile.
Then pod install in the terminal.

Usage

Initialization

- (void)viewDidLoad {
  [super viewDidLoad];

  MONActivityIndicatorView *indicatorView = [[MONActivityIndicatorView alloc] init];
  [self.view addSubview:indicatorView];
}

Toggling Indicator

[indicatorView startAnimating];
[indicatorView stopAnimating];

Customization

Default Property Values

Animation delay : delay = 0.2
Animation duration : duration = 0.8
Number of circles : numberOfCircles = 5
Circle's radius : radius = 10
Circle's internal spacing : internalSpacing = 5
Circle's background Color : defaultColor = [UIColor lightGrayColor]

Custom Property Values

- (void)viewDidLoad {
  [super viewDidLoad];
  
  MONActivityIndicatorView *indicatorView = [[MONActivityIndicatorView alloc] init];
  indicatorView.numberOfCircles = 3;
  indicatorView.radius = 20;
  indicatorView.internalSpacing = 3;
  indicatorView.duration = 0.5;
  indicatorView.delay = 0.5
  indicatorView.center = self.view.center;
  [self.view addSubview:indicatorView];
  [indicatorView startAnimating];
}

Custom Circle's Background Color

First, assign the MONActivityIndicatorViewDelegate protocol to a view controller. Then, implement the method activityIndicatorView:circleBackgroundColorAtIndex:

@interface ViewController : UIViewController <MONActivityIndicatorViewDelegate>

@end

@implementation ViewController

- (void)viewDidLoad {
  [super viewDidLoad];
  
  MONActivityIndicatorView *indicatorView = [[MONActivityIndicatorView alloc] init];
  indicatorView.delegate = self;
  indicatorView.numberOfCircles = 3;
  indicatorView.radius = 20;
  indicatorView.internalSpacing = 3;
  indicatorView.duration = 0.5;
  indicatorView.delay = 0.5
  indicatorView.center = self.view.center;
  [self.view addSubview:indicatorView];
  [indicatorView startAnimating];
}

- (UIColor *)activityIndicatorView:(MONActivityIndicatorView *)activityIndicatorView
      circleBackgroundColorAtIndex:(NSUInteger)index {
  // For a random background color for a particular circle
  CGFloat red   = (arc4random() % 256)/255.0;
  CGFloat green = (arc4random() % 256)/255.0;
  CGFloat blue  = (arc4random() % 256)/255.0;
  CGFloat alpha = 1.0f;
  return [UIColor colorWithRed:red green:green blue:blue alpha:alpha];
}

@end

monactivityindicatorview's People

Contributors

Stargazers

Watchers

Forkers

kronik venkadesh02 tjkoifoly mehulgecg avinashkiran kerasking coderxl liric28 loftierthoughts afputra zerachiel kolineal ruobin ios-material amira-art hlllmr1314 atmycode aerialcombat dao12dao hanhailong mohsinalimat cliq nickcheng uikit0 richarddas poplax a363211861 chengkaizone thundertrick 389889154 dddqthrow macomni lihuiyao1986 raybon-lee zhengwu119 ruanjunhao kirem-peter azureatom forked2 zhuzhengwei 200895045 galileoguzman chengpl c-h-y skalniak degulade ssimonov bogon fadeve joomcode tml007 mrdml uwanotoha

monactivityindicatorview's Issues

Implement intrinsicContentSize

Please implement this method as follows and call invalidateIntrinsicContentSize instead of adjustFrame. This way it plays well together with iOS auto-layout.

-(CGSize)intrinsicContentSize
{
    return CGSizeMake((self.numberOfCircles * ((2 * self.radius) + self.internalSpacing)) - self.internalSpacing, self.radius * 2);
}

The issue I'm having is that I can't center the view horizontally using layout constraints without knowing the exact width of the view. With intrinsicContentSize implemented, it would layout automatically.

Can' find MONActivityIndicatorView in the project

Hey ,

When i was looking for a ActivityIdicatorView exemples, i found yours, and i wanted to test it, and i found out that i haven't MONActivityIndicatorView class !! is it NORMAL?

Sometimes it doesn't work

Hi~

Sometimes circles of indicatorView are not visible.

In order to find out to cause of this problem, I modified the code " [circle setTransform:CGAffineTransformMakeScale(0, 0)];" into " [circle setTransform:CGAffineTransformMakeScale(1, 1)]; in "- (void)addCircles" method.

As a result, circles are always visible but sometimes there is no animation.

I don't know why exactly this has happened.

Thank you for reading this.

    self.indicatorView = [[MONActivityIndicatorView alloc] init];
    self.indicatorView.delegate = self;
    self.indicatorView.center = self.view.center;
    self.indicatorView.numberOfCircles = 7;
    self.indicatorView.radius = 5;
    self.indicatorView.internalSpacing = 3;
    self.indicatorView.duration = 0.5;
    self.indicatorView.delay = 0.5;