Come disegnare il bordo attorno a un UILabel?

Question

Esiste un modo per UILabel di disegnare un bordo attorno a sé? Questo è utile per me per eseguire il debug del posizionamento del testo e per vedere il posizionamento e quanto è effettivamente grande l'etichetta.

Answer 1

È possibile impostare confine dell'etichetta tramite la sua proprietà CALayer sottostante:

#import <QuartzCore/QuartzCore.h> 

myLabel.layer.borderColor = [UIColor greenColor].CGColor; 
myLabel.layer.borderWidth = 3.0; 

Answer 2

È possibile utilizzare questa repo: GSBorderLabel

E 'abbastanza semplice:

GSBorderLabel *myLabel = [[GSBorderLabel alloc] initWithTextColor:aColor 
                andBorderColor:anotherColor 
                andBorderWidth:2]; 

Answer 3

in realtà dipende da quanti uso del boarder nella tua vista, a volte basta aggiungere un UIVIEW che la dimensione è un po 'più grande per creare il bordo. il metodo è più veloce di produrre una visione

Answer 4

versione Swift:

myLabel.layer.borderWidth = 0.5 
myLabel.layer.borderColor = UIColor.greenColor().CGColor 

Per Swift 3:

myLabel.layer.borderWidth = 0.5 
myLabel.layer.borderColor = UIColor.green.cgColor 

Answer 5

Qui ci sono alcune cose che puoi fare con UILabel e dei suoi confini.

Qui è il codice per queste etichette:

import UIKit 
class ViewController: UIViewController { 

    @IBOutlet weak var label1: UILabel! 
    @IBOutlet weak var label2: UILabel! 
    @IBOutlet weak var label3: UILabel! 
    @IBOutlet weak var label4: UILabel! 
    @IBOutlet weak var label5: UILabel! 
    @IBOutlet weak var label6: UILabel! 

    override func viewDidLoad() { 
     super.viewDidLoad() 

     // label 1 
     label1.layer.borderWidth = 1.0 

     // label 2 
     label2.layer.borderWidth = 5.0 
     label2.layer.borderColor = UIColor.blue.cgColor 

     // label 3 
     label3.layer.borderWidth = 2.0 
     label3.layer.cornerRadius = 8 

     // label 4 
     label4.backgroundColor = UIColor.cyan 

     // label 5 
     label5.backgroundColor = UIColor.red 
     label5.layer.cornerRadius = 8 
     label5.layer.masksToBounds = true 

     // label 6 
     label6.layer.borderWidth = 2.0 
     label6.layer.cornerRadius = 8 
     label6.backgroundColor = UIColor.yellow 
     label6.layer.masksToBounds = true 
    } 
} 

Si noti che a Swift non v'è alcuna necessità di importare QuartzCore.

Vedi anche

• Border, rounded corners, and shadow on a CALayer
• Explanation of masksToBounds
• Using a border with a Bezier path for a layer
• How to do transforms on a CALayer

Answer 6

Utilizzando una stringa NSAttributedString per le etichette attributedText è probabilmente il vostro b scommessa Check out this example.

Answer 7

Swift 3/4 con @IBDesignable

---

Mentre quasi tutte le soluzioni di cui sopra funzionano bene, ma vorrei suggerire una classe @IBDesignable personalizzato per questo.

@IBDesignable 
class CustomLabel: UILabel { 

    /* 
    // Only override draw() if you perform custom drawing. 
    // An empty implementation adversely affects performance during animation. 
    override func draw(_ rect: CGRect) { 
     // Drawing code 
    } 
    */ 

    @IBInspectable var borderColor: UIColor = UIColor.white { 
     didSet { 
      layer.borderColor = borderColor.cgColor 
     } 
    } 

    @IBInspectable var borderWidth: CGFloat = 2.0 { 
     didSet { 
      layer.borderWidth = borderWidth 
     } 
    } 

    @IBInspectable var cornerRadius: CGFloat = 0.0 { 
     didSet { 
      layer.cornerRadius = cornerRadius 
     } 
    } 
}