利用PreLoader实现一个平视显示(HUD)效果(可以运用到加载等待效果),并进行简单的讲解
Posted hbblzjy
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了利用PreLoader实现一个平视显示(HUD)效果(可以运用到加载等待效果),并进行简单的讲解相关的知识,希望对你有一定的参考价值。
什么是PreLoader?
PreLoader是由Volodymyr Kurbatov设计的一个很有意思的HUD(平视显示效果(Head Up Display)),通过运动污点和固定污点之间的粘黏动画吸引用户的眼球跟踪,能有效分散等待注意力。
这篇文章简单剖析本人使用OC实现PreLoader的原理思路和做法。
喷出来的油污
根据这个Loading动画的粘黏特征,我把它里面这些有颜色的物体比作油污,观察这个动画发现,可将它分成两个整体,左右两边两个固定的油污,还有移动中的三个小油污点,左右两个固定的油污轮流向对方喷射油污,双方都会因为吸收油污而变大,喷射油污而变小。
首先我们从左右循环移动的污点着手,因为路径不是平滑一步到位,我这里选择使用CAKeyframeAnimation关键帧动画,先做出在左右固定点间来回运动的污点。
1
以上是关于利用PreLoader实现一个平视显示(HUD)效果(可以运用到加载等待效果),并进行简单的讲解的主要内容,如果未能解决你的问题,请参考以下文章 如何从 GNOME 下的 HUD DBus 服务中获取结果? |