Як намалювати межу навколо UILabel?

Чи існує спосіб, щоб UILabel намалював кордон навколо себе? Це корисно для мене, щоб налагодити розміщення тексту та переглянути місце розташування та наскільки велика мітка насправді.

Ви можете встановити межу мітки за допомогою її основної властивості CALayer:

#import <QuartzCore/QuartzCore.h>

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

Швидкий 5:

myLabel.layer.borderColor = UIColor.darkGray.cgColor
myLabel.layer.borderWidth = 3.0

Ось декілька речей, які ви можете зробити з UILabelїї межами.

Ось код цих міток:

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

Зауважте, що у Swift імпортувати не потрібно QuartzCore.

Дивитися також

• Межі, закруглені кути та тінь на a CALayer
• Пояснення masksToBounds
• Використання рамки з Безьє шляхом для шару
• Як зробити перетворення на a CALayer

Швидка версія:

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

Для Swift 3:

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

Перемістіть 3/4 за допомогою @IBDesignable

Хоча майже всі вищезазначені рішення працюють нормально, але я б запропонував @IBDesignableдля цього спеціальний клас.

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

Ви можете використовувати це репо: GSBorderLabel

Це досить просто:

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

Властивості UILabel borderColor, borderWidth, cornerRadius in 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
}

Рішення для Swift 4:

yourLabel.layer.borderColor = UIColor.green.cgColor

це дійсно залежить від того, скільки бордер використовує ваш погляд, іноді просто додайте UIVIEW, розмір якого трохи більший, щоб створити кордон. метод швидший, ніж створювати подання

Використання рядка NSAttributedString для міток attributedText - це, мабуть, найкраща ставка. Ознайомтеся з цим прикладом.