如何使文本淡出並只獲取一些字母並快速創建一個新單詞？

Question

我正在嘗試為我的 iOS 項目制作啟動畫面。 我想顯示我的服務全名，然后只獲取每個單詞的第一個字母，其他單詞逐漸消失。

例如

服務參與支出 - > 最初

SIE -> 在其他文本消失后顯示的字母。

請幫我制作類似上面的 gif 的東西？

Answer 1

你可以使用 UIView.animate

UIView.animate(withDuration: 0.5, animations: {

     label.alpha = 0
})

那就是淡出動畫，你可以在動畫塊中做你想做的一切。

您可以向 UIView 添加擴展以訪問輕松淡出

extension UIView {

    func fadeOut(duration: TimeInterval) {

        UIView.animate(withDuration: duration, animations: {

             self.alpha = 0
        }
    }
}

然后使用它：

label.fadeOut()

正如我所說，你可以在動畫塊中做任何你想做的事情，所以你可以改變文本，當它完成時移動它們和那些東西。 希望能幫助到你！

Answer 2

您必須拆分文本，然后像這樣獲取每個子字符串的第一個字符

var YourString: String = "Service Involvement Expenditure"
let sunstringArray = YourString.componentsSeparatedByString(" ")

var firstString: String = sunstringArray [0]    //Service 
var secondString: String = sunstringArray [1]   //Involvement 
var thirdString: String = sunstringArray [2]    //Expenditure

現在只獲取第一個字符使用下面的代碼

 var firstletter = String(firstString.characters.first!)    //S
  var secondletter = String(secondString.characters.first!)    //I
  var thirdletter = String(thirdString.characters.first!)    //E

var fullFirstChar = firstletter + secondletter + thirdletter //SIE

 UIView.animate(withDuration: 2.0, delay: 0.0, options: UIViewAnimationOptions.curveEaseOut, animations: {
                            self.fullFirstChar .alpha = 1.0
                        },
                                       completion: {

                                        (finished: Bool) -> Void in

                                    // Fade out
                                    UIView.animate(withDuration: 2.0, delay: 0.0, options: UIViewAnimationOptions.curveEaseIn, animations: {
                                        self.fullFirstChar .alpha = 0.0
                                    },
                                                   completion: {(finished: Bool) -> Void in
                                                    AppInfo.instance.isAnimationCompleted = true
                                    })
                    })

我希望這個能幫上忙