https://github.com/vamshiiitbhu14/vkprogresshud

Hey All! As it is obvious from the GIF, this project is a LoadingIndicator based on CoreAnimation.
https://github.com/vamshiiitbhu14/vkprogresshud

cagradientlayer calayer careplicatorlayer cashapelayer coreanimation ios loading-animations swift uiimageview

Last synced: 18 days ago
JSON representation

Hey All! As it is obvious from the GIF, this project is a LoadingIndicator based on CoreAnimation.

• Host: GitHub
• URL: https://github.com/vamshiiitbhu14/vkprogresshud
• Owner: VamshiIITBHU14
• Created: 2018-02-27T17:00:42.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2018-04-19T09:44:20.000Z (about 7 years ago)
• Last Synced: 2025-04-14T16:05:33.195Z (29 days ago)
• Topics: cagradientlayer, calayer, careplicatorlayer, cashapelayer, coreanimation, ios, loading-animations, swift, uiimageview
• Language: Swift
• Homepage:
• Size: 41 KB
• Stars: 31
• Watchers: 1
• Forks: 3
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# VKProgressHud

![pk](https://user-images.githubusercontent.com/21070922/36742945-07ac7a8a-1c0f-11e8-8323-fe80ad4e2295.gif)

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:** 


1) Image in the Animator. 


2) Radius of animator from the variable named ```refreshRadius``` in ```VKProgressHud.Swift```. 


3) Size of the dot from the variable named ```dotLength``` in ```VKProgressHud.Swift```. 


4) Spacing of the dots from the variable named ```instanceCount``` in ```VKProgressHud.Swift```. 


5) Duration of the animation from the variable named ```animationDuration``` in ```VKProgressHud.Swift```. 


6) Also the colour codes from the line ```circle.backgroundColor``` in ```VKProgressHud.Swift```. 


7) 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*