Swift 跑馬燈效果 🏃‍♂️🔥

Swift 是一種由 Apple 公司開發的開源程式語言，它可以讓開發者快速開發 iOS、macOS、watchOS 和 tvOS 等應用程式。在本文中，我們將介紹如何使用 Swift 來實現跑馬燈效果。

跑馬燈效果是一種常見的動畫效果，可以用於顯示文字或圖像，並且可以設定其速度和方向。在 Swift 中，可以使用 UIView.animate 方法來實現跑馬燈效果。

首先，我們需要定義一個 UIView 的實例，並將其設置為要顯示跑馬燈效果的元素：

let view = UIView()
view.frame = CGRect(x: 0, y: 0, width: 100, height: 100)
view.backgroundColor = .red

接下來，我們可以使用 UIView.animate 方法來實現跑馬燈效果：

UIView.animate(withDuration: 1.0, delay: 0.0, options: [.repeat, .autoreverse], animations: {
    view.center.x += 200
}, completion: nil)

上面的程式碼會將 view 的中心點往右移動 200 個像素，並且重複和反轉動畫效果。

此外，我們還可以使用 UIView.animateKeyframes 方法來實現更複雜的跑馬燈效果：

UIView.animateKeyframes(withDuration: 1.0, delay: 0.0, options: [.repeat, .autoreverse], animations: {
    UIView.addKeyframe(withRelativeStartTime: 0.0, relativeDuration: 0.25, animations: {
        view.center.x += 50
    })
    UIView.addKeyframe(withRelativeStartTime: 0.25, relativeDuration: 0.25, animations: {
        view.center.x += 50
    })
    UIView.addKeyframe(withRelativeStartTime: 0.5, relativeDuration: 0.25, animations: {
        view.center.x += 50
    })
    UIView.addKeyframe(withRelativeStartTime: 0.75, relativeDuration: 0.25, animations: {
        view.center.x += 50
    })
}, completion: nil)

上面的程式碼會將 view 的中心點往右移動 200 個像素，但是會以每次 50 個像素的速度來移動，並且重複和反轉動畫效果。

總結來說，使用 Swift 來實現跑馬燈效果是非常容易的，只需要使用 UIView.animate 或 UIView.animateKeyframes 方法即可。

延伸閱讀本站文章

更多swift相關文章

Swift 跑馬燈效果 🏃‍♂️🔥