BPBlockActivityIndicator
BPBlockActivityIndicator copied to clipboard
A simple and awesome loading Activity Indicator(with block moving animation) for your iOS app.
BPBlockActivityIndicator
BPBlockActivityIndicator is a clean and easy-to-use Activity Indicator meant to display the progress of an ongoing task on iOS.
Demo

Requirements
- Deployment Target -
iOS 8.0
- Swift Version -
Swift 3.2
Installation
CocoaPods
BPBlockActivityIndicator is available through CocoaPods. To install it, simply add the following line to your Podfile:
pod "BPBlockActivityIndicator"
Carthage
Simply add the following line to your Cartfile:
github "ppth0608/BPBlockActivityIndicator"
Manual
Copy the folder Source/
to your project
Usage
Using BPBlockActivityIndicator isn't difficult at all. There are two actual ways of implementing it in your project:
- Storyboard setup
- Manual setup
Storyboard Setup
First, add a UIView to your Storyboard and set the custom class (You can set custom classes in Identity Inspector) as it shown in the picture below:

Then, add the corresponding Outlet in to your code:
@IBOutlet weak var blockIndicator: BPBlockActivityIndicator!
Manual setup
If you would like to setup BPBlockActivityIndicator manually, you have to do the following:
var blockIndicatorindicator: BPBlockActivityIndicator!
override func viewDidLoad() {
super.viewDidLoad()
// initialize BPBlockActivityIndicator programmatically
blockIndicatorindicator = BPBlockActivityIndicator(frame: CGRect(x: 0, y: 0, width: 40, height: 40))
view.addSubview(blockIndicatorindicator)
}
Animate & Stop
You can easily animate and stop animations like so:
@IBAction func startAnimate(_ sender: Any) {
blockIndicator.animate()
}
@IBAction func stopAnimate(_ sender: Any) {
blockIndicator.stop()
}
Customize
If you want to setup animation speed or the color of blocks (if using a storyboard) you can set the properties in the Identity Inspector as it shown in the picture below:

Or (if using code), you can call methods as shown in the code below:
blockIndicatorindicator = BPBlockActivityIndicator(frame: CGRect(x: 30, y: 30, width: 40, height: 40))
.movementSpeed(0.2)
.blockColor(.cyan)
view.addSubview(blockIndicatorindicator)
Default settings are shown below:
- Animation Speed : 0.6
- Color of blocks : Blue
Author
Ben.Park, [email protected]
Designed By
Suna.Shin, [email protected]
Contribute
Always welcome :) Please submit pull request to BPBlockActivityIndicator.
License
BPBlockActivityIndicator is available under the MIT license. See the LICENSE file for more info.