All Projects → VamshiIITBHU14 → VKProgressHud

VamshiIITBHU14 / VKProgressHud

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

Programming Languages

swift
15916 projects

Projects that are alternatives of or similar to VKProgressHud

BSLoader
It's to show loading animations
Stars: ✭ 13 (-56.67%)
Mutual labels:  loading-animations
fun-loading
基于React的Loading组件库。
Stars: ✭ 22 (-26.67%)
Mutual labels:  loading-animations
easy-css-layout
Easy css layout
Stars: ✭ 117 (+290%)
Mutual labels:  loading-animations
SwiftUI-DesignCode
 SwiftUI-DesignCode is some examples in the process of learning swiftUI 2.0
Stars: ✭ 185 (+516.67%)
Mutual labels:  loading-animations
SHTransition
SHTransition is a simple library for viewcontroller transition animation in swift.
Stars: ✭ 35 (+16.67%)
Mutual labels:  coreanimation
Polygon
No description or website provided.
Stars: ✭ 26 (-13.33%)
Mutual labels:  uiimageview
Xamarin.iOS.DGActivityIndicatorView
🔰 DGActivityIndicatorView is a collection of nice loading animations for Xamarin.iOS.
Stars: ✭ 28 (-6.67%)
Mutual labels:  loading-animations
ProgressLottieIGB
Manager of progress using Lottie JSON, compatible for Java and Kotlin.
Stars: ✭ 21 (-30%)
Mutual labels:  loading-animations
favicon-canvas-loader
Create and display a circular loading <canvas> animation as a webpage favicon.
Stars: ✭ 83 (+176.67%)
Mutual labels:  loading-animations
Xamarin.Android.AVLoadingIndicatorView
🔰 AVLoadingIndicatorView is a collection of nice loading animations for Xamarin.Android.
Stars: ✭ 26 (-13.33%)
Mutual labels:  loading-animations
react-native-spinner-button
React Native button component with multiple animated spinners
Stars: ✭ 105 (+250%)
Mutual labels:  loading-animations
react-loading-icons
A TypeScript-React edition of Sam Herbert's amazing SVG Loaders.
Stars: ✭ 32 (+6.67%)
Mutual labels:  loading-animations
SwimplyPlayIndicator
Animated PlayIndicator written in SwiftUI. Inspired by Apple's Music Player.
Stars: ✭ 52 (+73.33%)
Mutual labels:  coreanimation
XYFSnowAnimation
A category of NSTimer for showing 3D Fluttered animation for iOS, which is used very simply. Lightweight CALayer animation, core animation, 3D transform, performance safety. iOS 3D三维飘落下雪落花动画,轻量级CALayer图层动画,核心动画,3D形变,性能安全,定时器NSTimer分类,直接使用,很简单
Stars: ✭ 15 (-50%)
Mutual labels:  calayer
ChopChop
Chop an image to as many quadrants as you like at compile time. Great for dynamic content, suitable for games and image processing. Image matrix
Stars: ✭ 14 (-53.33%)
Mutual labels:  uiimageview
FlutterLoadingGIFs
Loading indicator GIFs. Material and Cupertino (Android and iOS) loading indicators in assorted sizes. Use as placeholders for loading remote image assets. Demo: https://gallery.codelessly.com/flutterwebsites/loadinggifs/
Stars: ✭ 28 (-6.67%)
Mutual labels:  loading-animations
SwiftGradients
Useful extensions for UIViews and CALayer classes to add beautiful color gradients.
Stars: ✭ 15 (-50%)
Mutual labels:  calayer
WaveLabelDemo
波浪经过文字,文字改变颜色。Waves pass through words, and words change colours.
Stars: ✭ 58 (+93.33%)
Mutual labels:  cashapelayer
YTAnimation
iOS动画集锦, swift, 核心动画, 基础动画,关键帧动画, 组动画, 过渡动画, 进度条,项目案例.
Stars: ✭ 60 (+100%)
Mutual labels:  coreanimation
Fluent-Design
Microsoft's Fluent Design with pure HTML/CSS/JS
Stars: ✭ 36 (+20%)
Mutual labels:  loading-animations

VKProgressHud

pk

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].