Comment faire pour centrer UIButton dans Swift?

J'ai ce code pour mon UIButton. Que dois-je changer dans mon CGRectMake pour définir mon UIButton dans le centre de l'écran pour toutes les tailles d'écran?

let loginBtn = UIButton(frame: CGRectMake(60, 360, 240, 40))
loginBtn.layer.borderColor = UIColor.whiteColor().CGColor
loginBtn.layer.borderWidth = 2
loginBtn.titleLabel!.font = UIFont.systemFontOfSize(24)
loginBtn.tintColor = UIColor.whiteColor()
loginBtn.setTitle("Login", forState: UIControlState.Normal)
self.view.addSubview(loginBtn)
  • Je voudrais savoir s'il en codes pas de mise en page automatique
  • Vous pouvez faire de l'auto de disposition dans le code. Si vous n'utilisez pas / apprendre la mise en page automatique, alors vous aurez laissé derrière. Trouver un tutoriel sur la mise en page automatique et l'utiliser. 🙂
  • il suffit de régler le centre de la vue du centre
  • double possible de centrer une étiquette dans une UIView
InformationsquelleAutor Hussein Reda AlBehary | 2015-09-23
  1. 7

    Pour votre lieu uibutton centre de votre point de vue , la mise à jour de votre cgrectmake comme bleow..

    CGRectMake((self.view.frame.size.width - 240) / 2, (self.view.frame.size.height - 40) / 2,240,40)

    ou

    Vous pouvez ajouter une ligne après votre code 

    loginBtn.center = self.view.center

    Pour Le Bouton D'Inscription :
     

    signup.frame = loginBtn.bounds
signup.center = CGPointMake(loginBtn.center.x, loginBtn.center.y + loginBtn.frame.size.height + 10)
    • Merci , j'ai essayé d'ajouter que le simple code après mon code et cela a fonctionné 🙂
    • Mais je dois boutons, l'un pour la connexion et l'autre pour l'inscription et que le code rend au centre alors comment dois-je faire l'inscription bouton juste en dessous du bouton de connexion ?
    InformationsquelleAutor mrunal thanki
  2. 3

    Définir votre UIButton's center au centre de la view c'est dans.

    loginBtn.center = view.center
    • châssis a aussi une propriété appelée midX et midY
    • Merci @LeoDabus. N'étais pas au courant de cette propriété.
    • Le super-vue dispose également d'un center propriété loginBtn.center = view.center
    • Votre code a travaillé beaucoup trop, Mais j'ai de boutons, un pour la connexion et l'autre pour l'inscription et que le code rend au centre alors comment dois-je faire l'inscription bouton juste en dessous du bouton de connexion ? Merci
    • poser une nouvelle question. Vous devriez considérer l'utilisation de l'Auto Mise en page.
    InformationsquelleAutor Daniel Storm
  3. 1

    Vous devez ajouter la ligne suivante avant self.view.addSubview(loginBtn).

    loginBtn.center = self.view.center
    • Mais je dois boutons, l'un pour la connexion et l'autre pour l'inscription et que le code rend au centre alors comment dois-je faire l'inscription bouton juste en dessous du bouton de connexion ?
    InformationsquelleAutor Amit Raj
  4. 1

    Ce sera le centre de la touche sur l'écran tout entier, et pas seulement la vue, il est dans:

    let verticalCenter: CGFloat = UIScreen.mainScreen().bounds.size.height / 2.0
let horizontalCenter: CGFloat = UIScreen.mainScreen().bounds.size.width / 2.0

loginBtn.center = CGPoint(x: horizontalCenter, y: verticalCenter)

    Edit:

    Comme @LeoDabus l'a souligné, ce peut être compactée à l'aide de la midX et midY propriétés sur CGRect:

    let verticalCenter: CGFloat = UIScreen.mainScreen().bounds.midY
let horizontalCenter: CGFloat = UIScreen.mainScreen().bounds.midX
    • limites a une propriété appelée midX et midY.
    • Pourriez-vous un lien, une référence? Je ne peux pas trouver les propriétés ici: developer.apple.com/library/prerelease/ios/documentation/...
    • nshipster.com/cggeometry Désolé je ne peux pas trouver ces extension CGRect au site web d'Apple
    • extension CGRect { var minX: CGFloat { get } var minY: CGFloat { get } var midX: CGFloat { get } var midY: CGFloat { get } var maxX: CGFloat { get } var maxY: CGFloat { get } var largeur: CGFloat { get } var hauteur: CGFloat { get } }
    InformationsquelleAutor Marcus Rossel
  5. 0

    Pour Swift 4

    @IBOutlet weak var btStart: UIButton!

    sur le milieu de l'écran (tous les appareils)

    btStart.center = self.view.center

    OU 

    btStart.center.x = self.view.center.x
btStart.center.y = self.view.center.y

    sur le centre x et de 25 pour cent, de haut

    btStart.center.x = self.view.center.x
btStart.center.y = self.view.center.y / 2
    InformationsquelleAutor Iryna Batvina
  6. 0

    J'ai trouvé ceci pour être la meilleure solution pour moi..

    Swift 4

    myButton.center.x = self.view.frame.midX 
myButton.center.y = self.view.frame.midY

    J'ai découvert que si j'ai besoin de centre des choses assez souvent, j'ai l'habitude d'utiliser une solution générique.

    extension UIViewController {
    func centerComponent(_ component: AnyObject) {
        let customView = component as! UIView
        customView.center.x = self.view.frame.midX
        customView.center.y = self.view.frame.midY
    }
}

    vous pouvez ensuite appeler à partir d'un UIViewcontroller l'intérieur d'une fonction comme ceci:

    centerComponent(myButton)
    InformationsquelleAutor Ethan Bonin