NVActivityIndicatorView ======================= [![Build Status](https://travis-ci.org/ninjaprox/NVActivityIndicatorView.svg?branch=master)](https://travis-ci.org/ninjaprox/NVActivityIndicatorView) [![Cocoapods Compatible](https://img.shields.io/cocoapods/v/NVActivityIndicatorView.svg)](https://img.shields.io/cocoapods/v/NVActivityIndicatorView.svg) [![Carthage Compatible](https://img.shields.io/badge/Carthage-compatible-4BC51D.svg?style=flat)](https://github.com/Carthage/Carthage) ## Introduction `NVActivityIndicatorView` is a collection of awesome loading animations. This is original a fork from [DGActivityIndicatorView](https://github.com/gontovnik/DGActivityIndicatorView), inspired by [Loaders.css](https://github.com/ConnorAtherton/loaders.css), written in Swift with full implementation of animations, plus more. You can also find Objective-C version of this [here](https://github.com/ninjaprox/DGActivityIndicatorView). ## Demo ![alt tag](https://raw.githubusercontent.com/ninjaprox/NVActivityIndicatorView/master/Demo.gif) For first-hand experience, just open the project and run it. ## Animation types | Type | Type | Type | Type | |---|---|---|---| |1. ballPulse | 2. ballGridPulse | 3. ballClipRotate | 4. squareSpin| |5. ballClipRotatePulse | 6. ballClipRotateMultiple | 7. ballPulseRise | 8. ballRotate| |9. cubeTransition | 10. ballZigZag | 11. ballZigZagDeflect | 12. ballTrianglePath| |13. ballScale | 14. lineScale | 15. lineScaleParty | 16. ballScaleMultiple| |17. ballPulseSync | 18. ballBeat | 19. lineScalePulseOut | 20. lineScalePulseOutRapid| |21. ballScaleRipple | 22. ballScaleRippleMultiple | 23. ballSpinFadeLoader | 24. lineSpinFadeLoader| |25. triangleSkewSpin | 26. pacman | 27. ballGridBeat | 28. semiCircleSpin| |29. ballRotateChase | 30. orbit | 31. audioEqualizer| ## Installation ### Cocoapods Install Cocoapods if need be. ```bash $ gem install cocoapods ``` Add `NVActivityIndicatorView` in your `Podfile`. ```ruby use_frameworks! pod 'NVActivityIndicatorView' ``` Then, run the following command. ```bash $ pod install ``` ### Carthage Install Carthage if need be. ```bash $ brew update $ brew install carthage ``` Add `NVActivityIndicatorView` in your `Cartfile`. ```ruby github "ninjaprox/NVActivityIndicatorView" ``` Run `carthage` to build the framework and drag the built `NVActivityIndicatorView.framework` into your Xcode project. _**Note:** You might encounter compile issue, if so please use `carthage` branch instead. Check issue [#101](https://github.com/ninjaprox/NVActivityIndicatorView/issues/101) for more information._ ### Manual Copy `NVActivityIndicatorView` folder to your project. That's it. _**Note:** Make sure that all files in `NVActivityIndicatorView` included in Compile Sources in Build Phases._ _**Note:** If you encounter issues while uploading the app to iTunes Connect, remove the `Info.plist` file in `NVActivityIndicatorView`. Check issue [#129](https://github.com/ninjaprox/NVActivityIndicatorView/issues/129) for more information._ ## Migration ### Version 4.0.0 This version requires Xcode 9.0 and Swift 4. ### Version 3.7.0 This version splits `NVActivityIndicatorView` pod to 2 subpods `NVActivityIndicatorView/Presenter` and `NVActivityIndicatorView/AppExtension`. There is no need to change `pod NVActivityIndicatorView` to `pod NVActivityIndicatorView/Presenter` since it will be installed by default if you use the main pod name. However, if you want to use `NVActivityIndicatorView` in app extension, use `pod NVActivityIndicatorView/AppExtension` instead. _**Note:** Related issue [#119](https://github.com/ninjaprox/NVActivityIndicatorView/issues/119)._ ### Version 3.6.0 This version requires Xcode 8.3 and Swift 3.1. ### Version 3.0 This version requires Xcode 8.0 and Swift 3. - `NVActivityIndicatorView.startAnimation()` and `NVActivityIndicatorView.stopAnimation()` are deleted. Use `NVActivityIndicatorView.startAnimating()` and `NVActivityIndicatorView.stopAnimating()` instead. - `UIViewController.startActivityAnimating()` and `UIViewController.stopActivityAnimating()` are deleted. Use `UIViewController.startAnimating()` and `UIViewController.stopAnimating()` instead. ### Version 2.0 This version continues to spport Xcode 7.0 and Swift 2.2 and earlier. For Swift 2.3 support, use `swift2.3` branch instead. ```ruby pod 'NVActivityIndicatorView', :git => 'https://github.com/ninjaprox/NVActivityIndicatorView.git', :branch => 'swift2.3' ``` ## Usage Firstly, import `NVActivityIndicatorView`. ```swift import NVActivityIndicatorView ``` ### Initialization Then, there are two ways you can create NVActivityIndicatorView: - By storyboard, changing class of any `UIView` to `NVActivityIndicatorView`. _**Note:** Set Module to `NVActivityIndicatorView`._ - By code, using initializer. All parameters other than `frame` are optional and `NVActivityIndicatorView.DEFAULT_*` are used as default values. ```swift NVActivityIndicatorView(frame: frame, type: type, color: color, padding: padding) ``` _**Note:** Check [DEFAULTS](#defaults) for default values._ ### Control Start animating. ```swift activityIndicatorView.startAnimating() ``` Stop animating. ```swift activityIndicatorView.stopAnimating() ``` Determine if it is animating. ```swift animating = activityIndicatorView.animating ``` ### Change properties In storyboard, you can change all properties in Attributes inspector tab of Utilities panel. _**Note:** Use one of values (case-insensitive) in [Animation types](#animation-types) for `Type Name`._ All properties are public so you can change them all after initiating. _**Note:** All changes must be made before calling `startAnimating()`._ ### UI blocker By conforming `NVActivityIndicatorViewable` protocol, you can use `NVActivityIndicatorView` as UI blocker for `UIViewController`. ```swift class ViewController: UIViewController, NVActivityIndicatorViewable { } ``` Start animating. ```swift startAnimating(size, message) // plus other parameters as in initializer. ``` Stop animating. ```swift stopAnimating() ``` Or you can use `NVActivityIndicatorPresenter` to display UI blocker anywhere. Start animating. ```swift let activityData = ActivityData() NVActivityIndicatorPresenter.sharedInstance.startAnimating(activityData) ``` _**Note:** Check [documentation](http://cocoadocs.org/docsets/NVActivityIndicatorView) for detail of `ActivityData`._ Stop animating. ```swift NVActivityIndicatorPresenter.sharedInstance.stopAnimating() ``` Change message. ```swift NVActivityIndicatorPresenter.sharedInstance.setMessage("Done") ``` ### DEFAULTS There are global defaults for all `NVActivityIndicatorView` instances. - Default animation type. ```swift NVActivityIndicatorView.DEFAULT_TYPE = .ballSpinFadeLoader ``` - Default color of activity indicator view. ```swift NVActivityIndicatorView.DEFAULT_COLOR = UIColor.white ``` - Default color of the text below the activity indicator view when using an `NVActivityIndicatorPresenter`. The presentor will use the activity indicator `color` for the text if it is set but a `textColor` is not. `DEFAULT_TEXT_COLOR` is only used when neither are set. ```swift NVActivityIndicatorView.DEFAULT_TEXT_COLOR = UIColor.white ``` - Default padding of activity indicator view. ```swift NVActivityIndicatorView.DEFAULT_PADDING = CGFloat(0) ``` - Default size of activity indicator view used in UI blocker. ```swift NVActivityIndicatorView.DEFAULT_BLOCKER_SIZE = CGSizeMake(60, 60) ``` - Default background color of UI blocker. ```swift NVActivityIndicatorView.DEFAULT_BLOCKER_BACKGROUND_COLOR = UIColor(red: 0, green: 0, blue: 0, alpha: 0.5) ``` - Default display time threshold. > Default time that has to be elapsed (between calls of `startAnimating()` and `stopAnimating()`) in order to actually display UI blocker. It should be set thinking about what the minimum duration of an activity is to be worth showing it to the user. If the activity ends before this time threshold, then it will not be displayed at all. ```swift NVActivityIndicatorView.DEFAULT_BLOCKER_DISPLAY_TIME_THRESHOLD = 0 // in milliseconds ``` - Default minimum display time. > Default minimum display time of UI blocker. Its main purpose is to avoid flashes showing and hiding it so fast. For instance, setting it to 200ms will force UI blocker to be shown for at least this time (regardless of calling `stopAnimating()` ealier). ```swift NVActivityIndicatorView.DEFAULT_BLOCKER_MINIMUM_DISPLAY_TIME = 0 // in milliseconds ``` - Default message displayed in UI blocker. ```swift NVActivityIndicatorView.DEFAULT_BLOCKER_MESSAGE: String? = nil ``` - Default font of message displayed in UI blocker. ```swift NVActivityIndicatorView.DEFAULT_BLOCKER_MESSAGE_FONT = UIFont.boldSystemFont(ofSize: 20) ``` ## Acknowledgment Thanks [Connor Atherton](https://github.com/ConnorAtherton) for great loaders and [Danil Gontovnik](https://github.com/gontovnik) for kick-start. ## License The MIT License (MIT) Copyright (c) 2016 Vinh Nguyen [@ninjaprox](http://twitter.com/ninjaprox)