带有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)。单击后有两个选项：

1. 一切正常，数据正在检索，I present又发生了一个loading-animation错误，loading-animation消失了，title再次显示

。

到目前为止，这是我的buttonTapped-function (为了简单起见，没有完整的函数)：

@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出现/消失，我能做什么使button在“加载”时不可点击？

我想要创建一个与按钮大小/颜色完全相同的UIView，并将其放在button上，但这似乎不太干净和聪明。

有什么简单快捷的方法来完成这件事吗？感谢每一个帮助:)如果你需要更多的细节，请告诉我。

Answer 1

你可以这样做隐藏按钮

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

或

btn.isHidden = true