Làm thế nào để vẽ đường viền xung quanh một UILabel?

Có cách nào để UILabel vẽ đường viền xung quanh nó không? Điều này hữu ích cho tôi để gỡ lỗi vị trí văn bản và để xem vị trí và nhãn thực sự lớn như thế nào.

Bạn có thể đặt đường viền của nhãn thông qua thuộc tính CALayer bên dưới:

#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

Dưới đây là một số điều bạn có thể làm với UILabelvà biên giới của nó.

Đây là mã cho các nhãn:

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

Lưu ý rằng trong Swift không cần phải nhập QuartzCore.

Xem thêm

• Đường viền, góc tròn và bóng trên CALayer
• Giải thích về masksToBounds
• Sử dụng đường viền với đường dẫn Bezier cho một lớp
• Làm thế nào để biến đổi trên một CALayer

Phiên bản Swift:

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

Dành cho Swift 3:

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

Swift 3/4 với @IBDesignable

Mặc dù hầu hết tất cả các giải pháp trên đều hoạt động tốt nhưng tôi sẽ đề xuất một @IBDesignablelớp tùy chỉnh cho việc này.

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

Bạn có thể sử dụng repo này: GSBorderLabel

Nó khá đơn giản:

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

Thuộc tính UILabel BorderColor, BorderWidth, angleRadius trong 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
}

Giải pháp cho Swift 4:

yourLabel.layer.borderColor = UIColor.green.cgColor

nó thực sự phụ thuộc vào số lượng nội dung sử dụng trong chế độ xem của bạn, đôi khi, chỉ cần thêm một UIVIEW có kích thước lớn hơn một chút để tạo đường viền. phương pháp nhanh hơn tạo ra một khung nhìn

Sử dụng chuỗi NSAttributionString cho nhãn của bạn được quy kết có lẽ là lựa chọn tốt nhất của bạn. Kiểm tra ví dụ này.