本文介绍的动画效果仿自国外网站readme.io的登录界面,超萌可爱的猫头鹰,感兴趣的朋友们可以参考学习。

效果如下图. 动画实现核心: 动画核心的是用到了iOS中UIView的transform属性,然后根据尺寸坐标对四张图片进行平移以及缩放. 具体的图层结构如图所示: 注意点:     1.图中只露出两个点的手臂,是不需要裁剪的,有部分是能遮挡粉色view的.所以可以将它们与头部图片放在一个view中.     2.而动画中的手臂只露出粉色文本框以上的部分的方法,是将两个手臂图片添加到一个另外一个View中,然后设置这个View的属性为超过UIView的部分自动裁剪. 核心代码: