我想以编程方式快速将按钮放置在另一个UI元素上方

Question

我试图以编程方式将按钮放置在分隔符上方，但在运行时并未显示，这是我在故事板上的视图，如图

分隔符是UIview，我将其拖放到情节提要中并将其链接到我的控制器

这是我的代码 //

import UIKit
import Firebase
import FBSDKCoreKit
import FBSDKLoginKit

class LoginController: UIViewController, FBSDKLoginButtonDelegate {

    @IBOutlet weak var separator: UIView!
    @IBOutlet var fbLoginButton: UIButton!

    override func viewDidLoad() {
        super.viewDidLoad()

        if FBSDKAccessToken.current() != nil {
            // Present the main view because user already logged in
            self.performSegue(withIdentifier: "goToHome", sender: self)
        }else{

            loginButtonUI()
        }
    }

    override func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(true)

        loginButtonUI()
    }

    private func loginButtonUI(){

        let loginButton = FBSDKLoginButton()
        loginButton.delegate = self
        // Optional: Place the button in the center of your view.
        loginButton.center = view.center
        view.addSubview(loginButton)
    }

    func loginButton(_ loginButton: FBSDKLoginButton!, didCompleteWith result: FBSDKLoginManagerLoginResult!, error: Error!) {

        // fb login code

    }


}

但是按钮在运行时没有显示为什么？

Answer 1

您需要激活约束，并确保添加正确

let loginButton = FBSDKLoginButton()
    loginButton.delegate = self

    view.addSubview(loginButton)
    loginButton.translatesAutoresizingMaskIntoConstraints = false
    loginButton.centerXAnchor.constraint(equalTo: separatorView.centerXAnchor).isActive = true
    loginButton.bottomAnchor.constraint(equalTo: separatorView.topAnchor, constant: 20).isActive = true
    loginButton.widthAnchor.constraint(equalToConstant: 100).isActive = true
    loginButton.heightAnchor.constraint(equalToConstant: 40).isActive = true