“`html

導言

Swift 是由 Apple 開發的現代程式語言，旨在簡化 iOS 和 macOS 應用程式的開發過程。它提供了多種強大的功能，其中動畫效果是開發者最常使用的特性之一。在這篇文章中，我們將深入探討如何使用 Swift 實現各種動畫效果，並介紹 2025 年最新的語法和最佳實踐。

基本動畫概念

Swift 的動畫功能讓開發者能夠輕鬆實現不同的動畫效果，如移動、縮放和旋轉。使用 UIView.animate 方法，我們可以為動畫指定時間、動畫曲線等參數。

實作範例

移動 UIView

假設我們想將一個 UIView 移動到另一個位置，可以使用以下程式碼：

UIView.animate(withDuration: 0.5, animations: {
    self.view.frame.origin.x = 100
})

這段程式碼會在 0.5 秒內將 UIView 移動到 x 座標為 100 的位置。

縮放 UIView

同樣的，如果我們想將 UIView 縮放到原來的一半，可以使用以下程式碼：

UIView.animate(withDuration: 0.5, animations: {
    self.view.transform = CGAffineTransform(scaleX: 0.5, y: 0.5)
})

這將使 UIView 在 0.5 秒內縮放至原始大小的一半。

旋轉 UIView

如果需要將 UIView 旋轉 180 度，可以使用以下程式碼：

UIView.animate(withDuration: 0.5, animations: {
    self.view.transform = CGAffineTransform(rotationAngle: .pi)
})

這段程式碼會在 0.5 秒內將 UIView 旋轉 180 度。

錯誤排除

在使用 UIView.animate 時，可能會遇到一些常見的問題，例如動畫不如預期。以下是一些解決方案：

  • 檢查動畫參數：確保你已正確設置動畫時間和曲線。
  • 檢查視圖層級：確保你要動畫的 UIView 是可見的，並且位於正確的層級上。
  • 使用動畫完成處理：如果需要在動畫結束後執行其他操作，可以使用 completion 參數。

延伸應用

除了基本的動畫效果，開發者還可以結合其他技術來創建複雜的動畫，例如結合手勢識別器來實現互動式動畫，或使用 CADisplayLink 進行更精細的動畫控制。

Swift 動畫實現 🎬👍

Q&A（常見問題解答）

如何增加動畫的延遲時間？

可以在 UIView.animate 的參數中使用 DispatchQueue.main.asyncAfter 方法來設置延遲時間，示例如下：

DispatchQueue.main.asyncAfter(deadline: .now() + 1.0) {
    UIView.animate(withDuration: 0.5, animations: {
        self.view.frame.origin.x = 100
    })
}

動畫可以反向進行嗎？

是的，只需在動畫完成時設置一個反向動畫即可，例如在完成處理中再次調用 UIView.animate 方法來返回原始位置。

如何使用 UIViewPropertyAnimator？

UIViewPropertyAnimator 提供了更高級的控制，可以用來中斷和恢復動畫。可以參考以下範例：

let animator = UIViewPropertyAnimator(duration: 1.0, curve: .easeInOut) {
    self.view.frame.origin.x = 100
}
animator.startAnimation()

“`
—

Categorized in:

iOSswift

Tagged in:

,