带有 Lottie 动画的动态按钮

Question

我有一个简单的 UIButton 和 title:

let signUpButton: CustomButton = {
    let v = CustomButton(type: .system)
    v.translatesAutoresizingMaskIntoConstraints = false
    v.setTitle("Registrieren", for: .normal)
    v.titleLabel?.font = UIFont(name: "AvenirNext-DemiBold", size: 15)
    v.titleLabel?.textColor = .white
    v.setTitleColor(.white, for: .normal)
    v.backgroundColor = UIColor.darkGray
    v.layer.cornerRadius = 3
    v.addTarget(self, action: #selector(signUpButtonTapped(_:)), for: .touchUpInside)
    return v
}()

现在我的目标是当点击按钮时，title 消失，button 不应再可点击，并且应显示 loading-animation (Lottie)。点击后有两个选项：

一切正常，正在检索数据，我 present 另一个 ViewController
发生错误，loading-animation消失，title再次显示

这是我目前的 buttonTapped-函数（为简单起见，不是完整的函数）：

@objc func signUpButtonTapped(_ sender: Any) {

    let logoAnimation = AnimationView(name: "LoadingAnimation")
    logoAnimation.contentMode = .scaleAspectFit
    logoAnimation.translatesAutoresizingMaskIntoConstraints = false
    self.view.addSubview(logoAnimation)

    logoAnimation.centerXAnchor.constraint(equalTo: signUpButton.centerXAnchor).isActive = true
    logoAnimation.centerYAnchor.constraint(equalTo: signUpButton.centerYAnchor).isActive = true
    logoAnimation.heightAnchor.constraint(equalToConstant: 50).isActive = true
    logoAnimation.widthAnchor.constraint(equalToConstant: 50).isActive = true
    logoAnimation.loopMode = .loop
    logoAnimation.play()

    if error!= nil {
      logoAnimation.stop()
      logoAnimation.removeFromSuperView()
    } else {
          /* present new VC */ 
    }

现在，真正的问题是，我如何制作 title appear/disappear 以及我该怎么做才能使 button 在 "loading" 时不可点击？

我考虑过用完全相同的 size/color 按钮创建一个 UIView 并将其放在 button 的顶部，但这似乎不是很干净和智能..

有没有快速简便的方法来完成这项工作？感谢您提供的每一个帮助 :) 如果您需要更多详细信息，请告诉我。

Answer 1

您可以这样做来隐藏按钮

btn.setTitle("", for: .normal)

或

btn.isHidden = true

带有 Lottie 动画的动态按钮

Dynamic Button with Lottie animation

animation

uibutton

ios

swift