xcode 将按钮绑定到视图 iOS swift 的右上角

Bound the button to top right corner of the view iOS swift

提问by Sajjad Aims

I have a view in which i have multiple labels and a button i want the button to be bound to the top right corner

我有一个视图，其中有多个标签和一个按钮，我希望将按钮绑定到右上角

when i apply the add Missing constraints layout the button gets separate position for different devices Please help me to resolve this

当我应用添加缺少约束布局时，按钮会为不同的设备获得不同的位置请帮我解决这个问题

回答by 8HP8

NEVER use add missing constraints. This is a bad way of constructing your layout.

永远不要使用add missing constraints. 这是构建布局的一种糟糕方式。

The easiest way to get your desired look is to decide on the size you want your button to be (eg. 30x30)

获得所需外观的最简单方法是决定按钮的大小（例如 30x30）

Then you add the following constraints to your button:

然后向按钮添加以下约束：

This sets the button's width & Height:

这将设置按钮的宽度和高度：

Then pin it to the right top corner:

然后将其固定到右上角：

回答by Swifty Codes

//Just in case if anybody needs it with code:

//以防万一有人需要它的代码：

//I have added 4 buttons to a custom view's each corner:

var customView = UIView()

 override func viewDidLoad() {
        super.viewDidLoad()

        customView.frame = CGRect.init(x: 0, y: 0, width: 200, height: 200)
        customView.backgroundColor = UIColor.red     //give color to the view
        customView.center = self.view.center

        let crossButton = UIButton(frame: CGRect(x: -10, y: -10, width: 30, height: 30))
        crossButton.layer.cornerRadius = 15
        crossButton.backgroundColor = UIColor.black
        crossButton.setImage(UIImage(named: "cross.png"), for: .normal)
        crossButton.addTarget(self, action: #selector(crossButtonTapped), for: .touchUpInside)
        crossButton.autoresizingMask = [.flexibleLeftMargin, .flexibleBottomMargin]


        let flipButton = UIButton(frame: CGRect(x: customView.frame.width-15, y: -10, width: 30, height: 30))
        flipButton.layer.cornerRadius = 15
        flipButton.backgroundColor = UIColor.black
        flipButton.setImage(UIImage(named: "done.png"), for: .normal)
        flipButton.addTarget(self, action: #selector(crossButtonTapped), for: .touchUpInside)
        flipButton.autoresizingMask = [.flexibleLeftMargin, .flexibleBottomMargin]

        let scaleButton = UIButton(frame: CGRect(x: -10, y: customView.frame.height-20, width: 30, height: 30))
        scaleButton.layer.cornerRadius = 15
        scaleButton.backgroundColor = UIColor.black
        scaleButton.setImage(UIImage(named: "done.png"), for: .normal)
        scaleButton.addTarget(self, action: #selector(crossButtonTapped), for: .touchUpInside)
        scaleButton.autoresizingMask = [.flexibleLeftMargin, .flexibleBottomMargin]

        let editButton = UIButton(frame: CGRect(x: customView.frame.width-20, y: customView.frame.height-20, width: 30, height: 30))
        editButton.layer.cornerRadius = 15
        editButton.backgroundColor = UIColor.black
        editButton.setImage(UIImage(named: "done.png"), for: .normal)
        editButton.addTarget(self, action: #selector(crossButtonTapped), for: .touchUpInside)
        editButton.autoresizingMask = [.flexibleLeftMargin, .flexibleBottomMargin]

        customView.addSubview(crossButton)
        customView.addSubview(flipButton)
        customView.addSubview(scaleButton)
        customView.addSubview(editButton)

        self.view.addSubview(customView)

    }

    func crossButtonTapped(_ sender:UIButton) {

        print("Cross Button was tapped")
    }