Swift使用transform 實現重復平移動畫效果
摘要
要實現一組重復的動畫,本質上就是找到動畫開始點、結束點。在動畫結束的時候,觸發(fā)開始點,持續(xù)這樣的動作。
這里面要梳理的邏輯就是1.觸發(fā)開始點和2.監(jiān)聽動畫結束點。這兩個邏輯是實現重復動畫的基礎。
應用場景
將 imageView 等 UI 控件,設置成平移的動畫,并且一直動畫中。
transform 可以實現控件的平移,但是無法連續(xù)動畫。
API 及語言
核心邏輯/代碼
transform 可以將控件平移,為了達到連續(xù)動畫,可使用遞歸方式實現。
動畫實現
設置動畫并開始
使用 UIView.animate(withDuration: , animations: , completion: ) 函數設置動畫。
這個方法有開始動畫事件,也有監(jiān)聽動畫完成事件(completion 方法)
實現連續(xù)動畫
在completion 中遞歸調用開始動畫函數,達到連續(xù)動畫的效果。
停止動畫
設置一個全局的標示,來記錄動畫的狀態(tài),也可以通過更改這個狀態(tài)來判斷是否需要開始動畫,比如設置 UI 控件的isHidden屬性,實現停止動畫
細節(jié)
在開始動畫的時候,就進行判斷,如果isHidden為 true,則直接停止動畫??梢跃珳士刂苿赢嫷拇螖怠?/p>
在開始動畫函數中設置閉包,可以在閉包中設置停止動畫的代碼等。
示例代碼
重復 3 次平移動畫,在每次動畫開始前都判斷self.guideImageView.isHidden, 在動畫過程中,如果要停止動畫,只需設置 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 }
}
}
// 設置并開始動畫
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)
// 先返回閉包,然后再執(zhí)行動畫函數
complete()
self.startAnimation(complete)
}
}
// 停止動畫
func stopAnimation() {
if self.guideImageView.isHidden == false {
self.guideImageView.isHidden = true
}
}
到此這篇關于Swift使用transform 實現重復平移動畫效果的文章就介紹到這了,更多相關transform 重復平移動畫內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
如何在Swift?中使用?async?let?并發(fā)運行后臺任務
Swift?異步編程是一種編寫允許某些任務并發(fā)運行而不是按順序運行的代碼的方法,這篇文章主要介紹了在Swift中使用async?let并發(fā)運行后臺任務,需要的朋友可以參考下2023-06-06
舉例講解Swift編程中switch...case語句的用法
這篇文章主要介紹了Swift編程中switch...case語句的用法,其中fallthrough關鍵字在switch語句中的使用是重點,需要的朋友可以參考下2016-04-04
swift實現自動輪播圖效果(UIScrollView+UIPageControl+Timer)
這篇文章主要為大家詳細介紹了swift實現自動輪播圖效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-09-09

