Swift使用transform 實現(xiàn)重復(fù)平移動畫效果

更新時間：2021年07月21日 09:13:45 作者：我為雙魚狂

這篇文章主要介紹了Swift使用transform 實現(xiàn)重復(fù)平移動畫效果,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下

摘要

要實現(xiàn)一組重復(fù)的動畫，本質(zhì)上就是找到動畫開始點、結(jié)束點。在動畫結(jié)束的時候，觸發(fā)開始點，持續(xù)這樣的動作。

這里面要梳理的邏輯就是1.觸發(fā)開始點和2.監(jiān)聽動畫結(jié)束點。這兩個邏輯是實現(xiàn)重復(fù)動畫的基礎(chǔ)。

應(yīng)用場景

將 imageView 等 UI 控件，設(shè)置成平移的動畫，并且一直動畫中。

transform 可以實現(xiàn)控件的平移，但是無法連續(xù)動畫。

API 及語言

核心邏輯/代碼

transform 可以將控件平移，為了達(dá)到連續(xù)動畫，可使用遞歸方式實現(xiàn)。

動畫實現(xiàn)

設(shè)置動畫并開始
使用 UIView.animate(withDuration: , animations: , completion: ) 函數(shù)設(shè)置動畫。

這個方法有開始動畫事件，也有監(jiān)聽動畫完成事件(completion 方法）

實現(xiàn)連續(xù)動畫

在completion 中遞歸調(diào)用開始動畫函數(shù)，達(dá)到連續(xù)動畫的效果。

停止動畫

設(shè)置一個全局的標(biāo)示，來記錄動畫的狀態(tài)，也可以通過更改這個狀態(tài)來判斷是否需要開始動畫，比如設(shè)置 UI 控件的isHidden屬性，實現(xiàn)停止動畫

細(xì)節(jié)

在開始動畫的時候，就進(jìn)行判斷，如果isHidden為 true，則直接停止動畫?？梢跃珳?zhǔn)控制動畫的次數(shù)。

在開始動畫函數(shù)中設(shè)置閉包，可以在閉包中設(shè)置停止動畫的代碼等。

示例代碼

重復(fù) 3 次平移動畫，在每次動畫開始前都判斷self.guideImageView.isHidden, 在動畫過程中，如果要停止動畫，只需設(shè)置 self.guideImageView.isHidden = false, 就停止動畫。

func guideAnimations() {
        // 動畫執(zhí)行 3 次
        var count = 3
        // 開始動畫
        startAnimation {[weak self] in
            guard let self = self else { return }
            count -= 1
            if count == 0 { self.guideImageView.isHidden = true }
        }
    }
    
    // 設(shè)置并開始動畫
    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
            // 動畫結(jié)束時，將控件復(fù)原
            guard let self = self else { return }
            self.guideImageView.transform = self.guideImageView.transform.translatedBy(x: 50, y: 0)
            // 先返回閉包，然后再執(zhí)行動畫函數(shù)
            complete()
            self.startAnimation(complete)
        }
    }
    
    // 停止動畫
    func stopAnimation() {
        if self.guideImageView.isHidden == false {
            self.guideImageView.isHidden = true
        }
    }

到此這篇關(guān)于Swift使用transform 實現(xiàn)重復(fù)平移動畫效果的文章就介紹到這了,更多相關(guān)transform 重復(fù)平移動畫內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: