ChatGPT解决这个技术问题 Extra ChatGPT

如何在 UILabel 周围绘制边框?

UILabel 有没有办法在自己周围画一个边框?这对我调试文本位置和查看位置以及标签的实际大小很有用。


G
Gennadiy Ryabkin

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

它们仅在 SDK 3.0 开始时可用 :( 如果您只想要一个用于调试目的的快速解决方案,您可以为标签设置半透明彩色背景。
如果编译器抱怨,那么您可能忘记了 #import <QuartzCore/QuartzCore.h>
@Vladimir此解决方案正在为标签的所有侧面添加边框。我们可以只在标签的右侧添加边框吗???
@chinthakad,不。我认为您需要带有自定义绘图的自定义标签子类
在 Swift 中,第一行将显示为:myLabel.layer.borderColor = UIColor.greenColor().CGColor
C
Community

以下是您可以使用 UILabel 及其边框执行的一些操作。

https://i.stack.imgur.com/EmmuY.png

以下是这些标签的代码:

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 上的边框、圆角和阴影

maskToBounds的解释

为图层使用带有贝塞尔路径的边框

如何在 CALayer 上进行转换


你是怎么得到这些填充物的?我的文字触及边界...
@eestein,我想我只是在界面生成器中将标签尺寸拖得更大。或者我可能对它们设置了大小限制。
N
Nyakiba

斯威夫特版本:

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

对于斯威夫特 3:

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

它将是myLabel.layer.borderColor = UIColor.blackColor().CGColor!
V
Vakas

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

S
Saeed Rahmatolahi

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
}

谢谢!我在我的 PaddedLabel with Border 解决方案中使用了此答案中的信息:stackoverflow.com/a/67317976/826946。还给了一个链接回到这里。
J
JAA

您可以使用此存储库:GSBorderLabel

这很简单:

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

这涉及文本中实际字符周围的边框,问题是讨论包含文本的矩形周围的边框。
E
Exitare

Swift 4 的解决方案:

yourLabel.layer.borderColor = UIColor.green.cgColor


c
chings228

这实际上取决于您的视图中使用了多少边界,有时,只需添加一个尺寸稍大的 UIVIEW 来创建边框。该方法比生成视图更快


C
Community

为标签属性文本使用 NSAttributedString 字符串可能是您最好的选择。 Check out this example.