VKProgressHud
大家好!从GIF中很明显,这个项目是基于CoreAnimation
的LoadingIndicator
。
使用方法非常简单
下载代码,并将
然后在您的类中添加一个变量var hudView : VKProgressHud?
。
显示Hud
hudView = VKProgressHud(crocImageName: "croc")
hudView?.showHUD(onView: self.view)
请注意,croc
是动画中所需图片的名称。
隐藏Hud
hudView?.hideHUD()
可编辑属性
- 动画器中的图片。
- 从
VKProgressHud.Swift
中名为refreshRadius
的变量中获取动画器的半径。 - 从
VKProgressHud.Swift
中名为dotLength
的变量中获取点的长度。 - 从
VKProgressHud.Swift
中名为instanceCount
的变量中获取点的间距。 - 从
VKProgressHud.Swift
中名为animationDuration
的变量中获取动画的持续时间。 - 也可以从
VKProgressHud.Swift
中的circle.backgroundColor
行中获取颜色代码。 - 编辑在
VKProgressHud.Swift
中的“加载”文本。
使用到的概念
let rotatorImageLayer: CALayer = CALayer()
let replicatorCircleLayer = CAReplicatorLayer()
var circle = CALayer()
var shapeLayerForCroc = CAShapeLayer()
let gradientLabelLayer = CAGradientLayer()
鳄鱼图片:由Freepik设计,来源自www.flaticon.com
动画:灵感来源于https://dribbble.com/shots/2679536-Dragon-Loading-Indicator