Hey All! As it is obvious from the GIF, this project is a LoadingIndicator
based on CoreAnimation
.
The Usage is like real simple:
Download the code and drag-drop VKProgressHud.Swift
in your project.
Then add a variable var hudView : VKProgressHud?
in your Class.
Showing Hud:
hudView = VKProgressHud(crocImageName: "croc")
hudView?.showHUD(onView: self.view)
Please note that croc
is the name of Image you want in the Animation.
Hiding Hud:
hudView?.hideHUD()
Editable Properties:
- Image in the Animator.
- Radius of animator from the variable named
refreshRadius
inVKProgressHud.Swift
. - Size of the dot from the variable named
dotLength
inVKProgressHud.Swift
. - Spacing of the dots from the variable named
instanceCount
inVKProgressHud.Swift
. - Duration of the animation from the variable named
animationDuration
inVKProgressHud.Swift
. - Also the colour codes from the line
circle.backgroundColor
inVKProgressHud.Swift
. - Label text saying 'Loading' can be edited in in
VKProgressHud.Swift
.
Concepts used:
let rotatorImageLayer: CALayer = CALayer()
let replicatorCircleLayer = CAReplicatorLayer()
var circle = CALayer()
var shapeLayerForCroc = CAShapeLayer()
let gradientLabelLayer = CAGradientLayer()
Crocodile Image : Designed by Freepik from www.flaticon.com
Animation: Heavily inspired from https://dribbble.com/shots/2679536-Dragon-Loading-Indicator