这篇文章主要讲解了“Swift如何使用transform实现重复平移动画效果”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Swift如何使用transform实现重复平移动画效果”吧!
要实现一组重复的动画,本质上就是找到动画开始点、结束点。在动画结束的时候,触发开始点,持续这样的动作。
这里面要梳理的逻辑就是1.触发开始点和2.监听动画结束点。这两个逻辑是实现重复动画的基础。
将 imageView 等 UI 控件,设置成平移的动画,并且一直动画中。
transform 可以实现控件的平移,但是无法连续动画。
核心逻辑/代码
transform 可以将控件平移,为了达到连续动画,可使用递归方式实现。
动画实现
设置动画并开始
使用 UIView.animate(withDuration: , animations: , completion: ) 函数设置动画。
这个方法有开始动画事件,也有监听动画完成事件(completion 方法)
实现连续动画
在completion 中递归调用开始动画函数,达到连续动画的效果。
停止动画
设置一个全局的标示,来记录动画的状态,也可以通过更改这个状态来判断是否需要开始动画,比如设置 UI 控件的isHidden属性,实现停止动画
细节
在开始动画的时候,就进行判断,如果isHidden为 true,则直接停止动画。可以精准控制动画的次数。
在开始动画函数中设置闭包,可以在闭包中设置停止动画的代码等。
示例代码
重复 3 次平移动画,在每次动画开始前都判断self.guideImageView.isHidden, 在动画过程中,如果要停止动画,只需设置 self.guideImageView.isHidden = false, 就停止动画。
func guideAnimations() { // 动画执行 3 次 var count = 3 // 开始动画 startAnimation {[weak self] in guard let self = self else { return } count -= 1 if count == 0 { self.guideImageView.isHidden = true } } } // 设置并开始动画 func startAnimation(_ complete: @escaping ()->()) { if self.guideImageView.isHidden { return } UIView.animate(withDuration: 1, delay: 0, options: .curveEaseInOut) { self.guideImageView.transform = self.guideImageView.transform.translatedBy(x: -50, y: 0) } completion: { [weak self](finish) in // 动画结束时,将控件复原 guard let self = self else { return } self.guideImageView.transform = self.guideImageView.transform.translatedBy(x: 50, y: 0) // 先返回闭包,然后再执行动画函数 complete() self.startAnimation(complete) } } // 停止动画 func stopAnimation() { if self.guideImageView.isHidden == false { self.guideImageView.isHidden = true } }
感谢各位的阅读,以上就是“Swift如何使用transform实现重复平移动画效果”的内容了,经过本文的学习后,相信大家对Swift如何使用transform实现重复平移动画效果这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。