如何在UILabel周围绘制边框?


140

UILabel是否可以在自身周围绘制边框?这对于调试文本位置,查看位置以及标签实际大小很有用。

Answers:


260

您可以通过其基础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

2
他们只能开始SDK 3.0 :(如果你想为调试目的,你可以设置半透明的背景色为您的标签只是一个快速的解决方案。
普京

36
如果编译器抱怨,那么您可能忘记了#import <QuartzCore/QuartzCore.h>
Stefan Arentz'2

1
@Vladimir此解决方案将边框添加到标签的所有侧面。我们可以仅在标签的右侧添加边框吗?
chinthakad 2012年

1
@chinthakad,不。我认为您将需要带有自定义图形的自定义标签子类
Vladimir

3
在Swift中,第一行内容如下:myLabel.layer.borderColor = UIColor.greenColor().CGColor
Roshambo

71

您可以使用以下方法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

也可以看看


1
您如何获得这些填充物?我的文字触及了边界……
eestein

1
@eestein,我想我只是在Interface Builder中拖动了更大的标签大小。或者我可能对它们设置了大小限制。
Suragch '16

19

迅捷版:

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

对于Swift 3:

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

1
这将是myLabel.layer.borderColor = UIColor.blackColor().CGColor!
Shruti

7

带有@IBDesignable的Swift 3/4


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

2

您可以使用此存储库:GSBorderLabel

很简单:

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

这与周围文本的实际字符跨境交易,问题是谈论中的文本包含在矩形边框。
jjxtra

1

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
}

1

Swift 4解决方案:

yourLabel.layer.borderColor = UIColor.green.cgColor


0

它实际上取决于您的视图中使用了多少边界,有时,只需添加一个UIVIEW,其大小会稍大一些以创建边框。该方法比产生视图要快


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.