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

编程之家收集整理的这篇文章主要介绍了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 实现重复平移动画全部内容,希望文章能够帮你解决Swift-使用transform 实现重复平移动画所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢寻找一群志同道合、互帮互助的学习伙伴,可以点击下方链接加入:
编程之家官方1群
编程之家官方2群
编程之家官方3群
编程之家官方4群

相关文章

猜你在找的Swift相关文章

摘要 本文不探讨子线程、主线程、同步和异步的常规操作。只是使用DispatchWorkItem 属性来处理1.子线程切换到主线程和2.主动停止正在进行的线程这两种场景,提供一些不同的实现思路。 Dis
应用场景 在 APP 的生命周期中,可以显示提示页面或者自定义弹框时。 或者想要获取到视图的根控制器做其他处理时。 就需要先获取 Window 视图,在这个视图上做显示提示页面或者自定义弹框。 核心逻
摘要 知其然,更要知其所以然。前段时间用 String 转换 Int 处理时,发现一种情况返回 nil,就换成 String 转换 Double 的方式处理。今天就要来看看这种返回 nil 的情况是怎
摘要 要实现一组重复的动画,本质上就是找到动画开始点、结束点。在动画结束的时候,触发开始点,持续这样的动作。 这里面要梳理的逻辑就是1.触发开始点和2.监听动画结束点。这两个逻辑是实现重复动画的基础。
应用场景 自定义画圆或者圆弧。 核心逻辑/代码 使用UIBezierPath(arcCenter: CGPoint, radius: CGFloat, startAngle: CGFloat, end
应用场景 iOS 机制规定,当处理 UI 事件时,需要在主线程中进行,比如刷新页面,添加控件等。 若把一些计算等耗时操作在子线程处理完成后,再回到主线程处理 UI 事件时,需要先切换到主线程。 核心逻
应用场景 UI 页面需要显示保留 n 位小数的数据,但是目前的数据不是 String 类型。这时,就需要将这个数据转换为 String 类型。 API 及语言 String Swift 核心逻辑/代码
1. 安装 clang 编译器clang 编译器是苹果公司提供的 C 编译器,是 Swift 必需的一个组件。在终端运行下面命令执行安装sudo apt-get --assume-yes install clang或者去 Ubuntu 软件中心搜索 Clang 安装即可极客在安装Clang的时候出现过以下问题解决方法:打开Ub
微信公众号搜索 “ 程序精选 ” ,选择关注!
微信公众号搜 "程序精选"关注