如何在 UILabel 周围绘制边框？

Question

UILabel 有没有办法在自身周围绘制边框？ 这对我调试文本位置和查看位置以及标签实际有多大很有用。

Answer 1

您可以通过其底层 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

Answer 2

以下是您可以使用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 。

也可以看看

• CALayer上的边框、圆角和阴影
• masksToBounds解释
• 为图层使用带有贝塞尔曲线的边框
• 如何在CALayer上进行转换

Answer 3

迅捷版：

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

对于 Swift 3：

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

Answer 4

Swift 3/4 与 @IBDesignable

---

虽然几乎所有上述解决方案都可以正常工作，但我建议@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
        }
    }
}

Answer 5

你可以使用这个仓库： GSBorderLabel

这很简单：

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

Answer 6

Swift 4 中的 UILabel 属性 borderColor、borderWidth、cornerRadius

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

Answer 7

Swift 4 的解决方案：

yourLabel.layer.borderColor = UIColor.green.cgColor

Answer 8

这实际上取决于您的视图中使用了多少个寄宿生，有时，只需添加一个大小稍大的 UIVIEW 即可创建边框。 该方法比产生视图更快

Answer 9

为标签使用 NSAttributedString 字符串可能是最好的选择。 看看这个例子。