Wie man automatische Größenanpassung Tasten über Swift 3, die zwischen verschiedenen Iphones arbeiten

Question

Ich poste unten einen Teil meines Codes auf einer App, die ich zum Spaß, das Konzept, es ist anders, aber das Design der Kamera Sitzung ist sehr ähnlich mit der Instagram App. Ich benutze auch den PageMenu Kakao, der über Code sehr gut und einfach zu implementieren ist.

override func viewDidLoad() { 
    super.viewDidLoad() 

    pageMenu?.delegate = self 
    photoControllerBG.frame = CGRect(x: 0, y : self.view.frame.minY, width: self.view.frame.width, height: self.view.frame.height) 

    let cameraButton = UIButton(frame: CGRect(x: self.view.frame.midX - , y: photoControllerBG.frame.minY + (self.view.frame.maxY/20*1), width: 130, height: 130)) 
    cameraButton.addTarget(self, action: #selector(cameraButtonPressed(button:)), for: .touchUpInside) 
    cameraButton.setImage(#imageLiteral(resourceName: "Camera Button.png"), for: UIControlState.normal) 
    self.view.addSubview(cameraButton) 
} 

Im Moment wird die Schaltfläche auf einem iPhone 7 Plus-Display, wie ich es in dem Viewcontroller und mit dem Bild der Kamera-Taste mit der gleichen Breite und Höhe zentrierte will, so dass es einen perfekten Kreis bleiben . Das Problem tritt auf, wenn ich den Simulator mit einem iPhone SE oder iPhone 6 umstelle, wo der Button zu groß und nicht zentriert wird. Können Sie mir helfen, eine mathematische Formel zu finden, mit der dieses große aber kleine Problem gelöst werden kann?

Answer 1

let label = UILabel() 
    label.text = "title" 
    label.translatesAutoresizingMaskIntoConstraints = false 
    view.addSubview(label) 

    let button = UIButton(type: .system) 
    button.translatesAutoresizingMaskIntoConstraints = false 
    button.setImage(#imageLiteral(resourceName: "image"), for: .normal) 
    view.addSubview(button) 

    NSLayoutConstraint.activate([ 
     label.centerXAnchor.constraint(equalTo: view.centerXAnchor), 
     label.topAnchor.constraint(equalTo: topLayoutGuide.bottomAnchor, constant: 16) 
    ]) 

    NSLayoutConstraint.activate([ 
     button.centerXAnchor.constraint(equalTo: view.centerXAnchor), 
     button.topAnchor.constraint(equalTo: label.bottomAnchor), 
     button.widthAnchor.constraint(equalTo: view.widthAnchor, multiplier: 0.3), //change your multiplier 
     button.heightAnchor.constraint(equalTo: button.widthAnchor) 
     ]) 

Answer 2

Ihre Frage bezieht sich auf Folgendes in Code (swift). Wenn Sie die Schaltfläche nicht in swift erstellen, würde ich das überhaupt nicht tun. Also, wenn Sie eine Schaltfläche in einem Storyboard erstellt haben, können Sie es wie folgt skalieren: -

Ich würde eine proportionale Breite Einschränkung kombiniert mit einem Seitenverhältnis Einschränkung in der Story-Board, um dies zu erreichen.

Es mag nicht sofort klar sein, wie man das macht, also befestige ich eine Bilderreise.

1. Fügen Sie Ihre Schaltfläche zum View-Controller hinzu. Das Bild zeigt die endgültigen Einschränkungen.

2. eine gleiche Breite Einschränkung zwischen der Schaltfläche Hinzufügen und es ist Super

3. Der Button hat nicht die gleiche Breite wie seine Superansicht! Mein Button ist 100 px breit und der Superview ist 375 px breit. Also berechnen wir dieses Verhältnis, um uns zu helfen, die proportionale Breite zu berechnen.

4. bearbeiten die gleiche Breite Beschränkung durch die proportionale Breite oben als Multiplikator verwendet wird.

5. Fügen Sie ein Seitenverhältnis auf die Schaltfläche

6. In jedem verbleibende Beschränkungen (In meinem Fall zentrierte ich den Knopf horizontal und vertikal)

7. Ihre Einschränkungen für die Schaltfläche sollen wie folgt aussehen: