web-dev-qa-db-fra.com

Comment centrer UILabel dans Swift?

J'essaie de centrer un texte mais cela ne semble pas fonctionner.

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.


        let title = UILabel()
        title.text = "Some Sentence"
        title.numberOfLines = 0
        title.frame = CGRectMake(self.view.bounds.size.width/2,50,self.view.bounds.size.width, self.view.bounds.size.height) // x , y, width , height
        title.textAlignment = .Center
        title.sizeToFit()
        title.backgroundColor = UIColor.redColor()
        self.view.addSubview(title)

    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

}

C'est le code que j'utilise mais voici ce que je reçois:

enter image description here

Ce n'est pas au centre de l'écran. Quelqu'un peut-il me dire ce que je fais mal?

27
elpita

Pour centrer un UILabel, ajoutez simplement cette ligne

x et y:

title.center = self.view.center

x:

title.center.x = self.view.center.x

y:

title.center.y = self.view.center.y
54
Rashwan L

Mise en page automatique

Pour que votre application soit durable, utilisez plutôt des ancres de présentation automatique au lieu de définir le cadre.

1. Désactive la traduction automatique

titleLabel.translatesAutoresizingMaskIntoConstraints = false

2. Ajouter des contraintes CenterX et CenterY

titleLabel.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true

titleLabel.centerYAnchor.constraint(equalTo: view.centerYAnchor).isActive = true

3. Définissez l'alignement du texte de UILabel au centre

titleLabel.textAlignment = .center

Preview

17
8HP8

En réalité, vous saisissez le texte à l'intérieur de UILabel. Ce que vous voulez faire, c'est centrer l'étiquette. Pour le faire vous pouvez faire:

title.frame.Origin = CGPoint(x: x, y: y)

Si vous voulez centrer l'horizontale, vous pouvez faire:

title.frame.Origin = CGPoint(x: self.view.frame.width / 2, y: yValue)

Aussi, si vous voulez centrer les valeurs x et y de votre étiquette, vous pouvez faire:

title.frame.Origin = CGPoint(x: self.view.frame.width / 2, y: self.view.frame.height / 2)
6

Swift 4

Cela a fonctionné pour moi et semble plus durable. Cela fonctionne également pour une étiquette multiligne.

override func loadView() {
    self.view = UIView()

    let message = UILabel()
    message.text = "This is a test message that should be centered."
    message.translatesAutoresizingMaskIntoConstraints = false
    message.lineBreakMode = .byWordWrapping
    message.numberOfLines = 0
    message.textAlignment = .center

    self.view.addSubview(message)

    message.widthAnchor.constraint(equalTo: view.widthAnchor).isActive = true
    message.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
    message.centerYAnchor.constraint(equalTo: view.centerYAnchor).isActive = true
}
5
Devbot10

Code pour Swift 3/4/5

Coller sous la ligne, au-dessus de remplacer func viewDidLoad ()

var noDataLbl: UILabel?

Coller sous le code après super.viewDidLoad ()

noDataLbl = UILabel(frame: CGRect(x: 0, y: self.view.center.y, width: 290, height: 70))
noDataLbl?.textAlignment = .center
noDataLbl?.font = UIFont(name: "Halvetica", size: 18.0)
noDataLbl?.numberOfLines = 0
noDataLbl?.text = "Replace this with your text."
noDataLbl?.lineBreakMode = .byTruncatingTail
view.addSubview(noDataLbl!)
noDataLbl?.isHidden = false
noDataLbl?.center = self.view.center
0
vilas deshmukh