ios - 如何根据其在 Swift 中的位置为加扰字母制作动画？

Question

我想创建一个动画，其中随机字母在其位置处乱序，并在特定字母处停止。这可以使用 UIView.animate 实现吗？下面给出了一个粗略的想法。

Answer 1

真的很喜欢这个灵感。还有两种方法可以将其放入您的应用程序中:1) 这是我为您的实例创建的代码:
导入 UIKit

class ViewController: UIViewController {
    let listOfRandomLetters = ["@", "%", "*", "^", "1", "2", "3", " ", " "]
    var textNeedDisplaying = ["String", "Other Person", "Sample", "String", "Other Person", "Sample", "String", "Other Person", "Sample", "String", "Other Person", "Sample", "String", "Other Person", "Sample", "String", "Other Person", "Sample", "String", "Other Person", "Sample"]
    var newList: [String] = []
    var incrementer = 0
    var internalTimer: Timer?
    var timer: Timer?
    var mainTimer: Timer?
    @IBOutlet weak var animatingLabel: UILabel!
    override func viewDidAppear(_ animated: Bool) {
        schedule()
    }

    func schedule() {
        //Main Timer interval usually adds up the other two intervals
        self.mainTimer = Timer.scheduledTimer(withTimeInterval: 1, repeats: true, block: { _ in
            //Play around with the time Intervals
            self.internalTimer = Timer.scheduledTimer(withTimeInterval: 0.1, repeats: true, block: { _ in
                for _ in 0...arc4random_uniform(UInt32(10)) + 1 {
                    let randomNumber = arc4random_uniform(UInt32(self.listOfRandomLetters.count - 1))
                    self.newList.append(self.listOfRandomLetters[Int(randomNumber)])
                }
                self.animatingLabel.text = self.newList.joined()
                self.newList.removeAll()
            })
            //Play around with the time Intervals
            self.timer = Timer.scheduledTimer(withTimeInterval: 0.7, repeats: false, block: { _ in
                if self.incrementer != self.textNeedDisplaying.count - 1 {
                    self.internalTimer?.invalidate()
                    self.animatingLabel.text = self.textNeedDisplaying[self.incrementer]
                    self.incrementer += 1

                } else {
                    self.timer?.invalidate()
                    self.internalTimer?.invalidate()
                    self.mainTimer?.invalidate()
                    self.animatingLabel.text = "DONE"
                }
            })
        })
    }
}

如果您希望单个字母具有动画效果，请告诉我。我会让它发生...确保标签的宽度限制足够大以适合您的话。另外，如果代码可以更简洁或更好，请告诉我。

2) 使用 Lottie 和 After Effects 实现更加个性化的过渡。如果您对此感兴趣，请告诉我:此处链接:https://airbnb.design/lottie/ .