Swift使用transform 实现重复平移动画效果

 更新时间:2021年07月21日 09:13:45   作者:我为双鱼狂  
这篇文章主要介绍了Swift使用transform 实现重复平移动画效果,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

摘要

要实现一组重复的动画,本质上就是找到动画开始点、结束点。在动画结束的时候,触发开始点,持续这样的动作。

这里面要梳理的逻辑就是1.触发开始点和2.监听动画结束点。这两个逻辑是实现重复动画的基础。

应用场景

将 imageView 等 UI 控件,设置成平移的动画,并且一直动画中。

transform 可以实现控件的平移,但是无法连续动画。

API 及语言

核心逻辑/代码

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 实现重复平移动画效果的文章就介绍到这了,更多相关transform 重复平移动画内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Swift如何为设置中心添加常用功能

    Swift如何为设置中心添加常用功能

    这篇文章主要给大家介绍了关于Swift如何为设置中心添加常用功能的相关资料,包含了跳转到AppStore、邮件反馈功能、系统分享功能以及打开某些网址等功能,需要的朋友可以参考借鉴,下面来一起看看吧
    2018-05-05
  • 在SpringBoot中实现适配器模式的两种方式

    在SpringBoot中实现适配器模式的两种方式

    这篇文章主要介绍了在SpringBoot中实现适配器模式的两种方式,通过实现类定义类型字段实现和以动态service名称的方式实现,并且通过代码示例讲解的非常详细,具有一定的参考价值,需要的朋友可以参考下
    2024-03-03
  • Swift数组详细用法解析

    Swift数组详细用法解析

    这篇文章主要为大家详细介绍了Swift数组详细用法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • Swift与Objective C的简单对比

    Swift与Objective C的简单对比

    很多人想学习iOS开发,但是不知道如何从Objective-C和Swift之间选择。而网上的一些答案,大抵说的是,以后Swift终将取代Objective-C,但是目前来讲还是Objective-C比较重要。那么究竟怎样呢,今天我们就来探讨下
    2016-12-12
  • Swift中switch语句区间和元组模式匹配

    Swift中switch语句区间和元组模式匹配

    这篇文章主要介绍了Swift中switch语句区间和元组模式匹配的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-12-12
  • Swift 并发修改Sendable 闭包实例详解

    Swift 并发修改Sendable 闭包实例详解

    这篇文章主要为大家介绍了Swift 并发修改Sendable 闭包实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • SwiftUI中TabView组件的常规使用

    SwiftUI中TabView组件的常规使用

    这篇文章主要给大家介绍了关于SwiftUI中TabView组件的常规使用,文中通过实例代码介绍的非常详细,对大家学习或者使用SwiftUI具有一定的参考学习价值,需要的朋友可以参考下
    2022-06-06
  • swift实现自定义圆环进度提示效果

    swift实现自定义圆环进度提示效果

    这篇文章主要为大家详细介绍了swift实现自定义圆环进度提示效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • Flutter iOS开发OC混编Swift动态库和静态库问题填坑

    Flutter iOS开发OC混编Swift动态库和静态库问题填坑

    这篇文章主要为大家介绍了Flutter iOS OC 混编 Swift动态库和静态库问题填坑详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • Swift中定义单例的方法实例

    Swift中定义单例的方法实例

    Swift中单例的写法有很多种,下面这篇文章主要给大家介绍了关于Swift中定义单例的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2018-03-03

最新评论