Como desenhar borda em torno de um UILabel?

140

Existe uma maneira de o UILabel desenhar uma borda em torno de si? Isso é útil para eu depurar o posicionamento do texto e ver o posicionamento e o tamanho do rótulo.

Boon
fonte

Respostas:

260

Você pode definir a borda do rótulo por meio da propriedade CALayer subjacente:

#import <QuartzCore/QuartzCore.h>

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

Swift 5:

myLabel.layer.borderColor = UIColor.darkGray.cgColor
myLabel.layer.borderWidth = 3.0
Vladimir
fonte
2
eles estão disponíveis apenas a partir do SDK 3.0 :( Se você deseja apenas uma solução rápida para fins de depuração, pode definir um plano de fundo colorido semitransparente para seu rótulo.
Vladimir
36
Se o compilador reclamar, você provavelmente se esqueceu de#import <QuartzCore/QuartzCore.h>
Stefan Arentz
1
@ Vladimir Esta solução está adicionando a borda a todos os lados do rótulo. Podemos adicionar a borda apenas ao lado direito do rótulo ???
precisa saber é o seguinte
1
@chinthakad, não. Eu acho que você vai precisar de etiqueta personalizada subclasse com desenho personalizado para isso
Vladimir
3
Em Swift, a primeira linha dizia:myLabel.layer.borderColor = UIColor.greenColor().CGColor
Roshambo 21/01
71

Aqui estão algumas coisas com as quais você pode fazer UILabele suas fronteiras.

insira a descrição da imagem aqui

Aqui está o código para esses rótulos:

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
    }
}

Observe que no Swift não há necessidade de importar QuartzCore.

Veja também

Suragch
fonte
1
Como você conseguiu esses recheios? Meu texto está tocando as fronteiras ...
eestein 16/11
1
@eestein, acho que acabei de arrastar o tamanho da etiqueta para maior no Interface Builder. Ou eu posso ter definido restrições de tamanho neles.
Suragch 17/11/19
19

Versão rápida:

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

Para o Swift 3:

myLabel.layer.borderWidth = 0.5
myLabel.layer.borderColor = UIColor.green.cgColor
Esqarrouth
fonte
1
serámyLabel.layer.borderColor = UIColor.blackColor().CGColor!
Shruti
7

Swift 3/4 com @IBDesignable


Embora quase todas as soluções acima funcionem bem, eu sugeriria uma @IBDesignableclasse personalizada para isso.

@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
        }
    }
}
Vakas
fonte
2

Você pode usar este repositório : GSBorderLabel

É bem simples:

GSBorderLabel *myLabel = [[GSBorderLabel alloc] initWithTextColor:aColor
                                                     andBorderColor:anotherColor
                                                     andBorderWidth:2];
JAA
fonte
Trata-se de fronteira em torno dos caracteres reais no texto, a questão está falando sobre bordas ao redor do rectângulo, o texto está contido no.
jjxtra
1

Propriedades de UILabel borderColor, borderWidth, cornerRadius no Swift 4

@IBOutlet weak var anyLabel: UILabel!
   override func viewDidLoad() {
        super.viewDidLoad()
        anyLabel.layer.borderColor = UIColor.black.cgColor
        anyLabel.layer.borderWidth = 2
        anyLabel.layer.cornerRadius = 5
        anyLabel.layer.masksToBounds = true
}
Sanjay Mali
fonte
1

Solução para Swift 4:

yourLabel.layer.borderColor = UIColor.green.cgColor

Sair
fonte
0

realmente depende do número de pensionistas que você usa, algumas vezes, basta adicionar um UIVIEW cujo tamanho seja um pouco maior para criar a borda. o método é mais rápido do que produzir uma visualização

chings228
fonte
0

Usar uma string NSAttributedString para seus rótulos attributeText é provavelmente a sua melhor aposta. Confira este exemplo.

Bueno
fonte