UILabel 주위에 테두리를 그리는 방법은 무엇입니까?


140

UILabel이 주위에 테두리를 그리는 방법이 있습니까? 이것은 텍스트 배치를 디버깅하고 배치 및 레이블의 실제 크기를 확인하는 데 유용합니다.

답변:


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부터 만 사용할 수 있습니다. (디버깅 목적으로 빠른 솔루션을 원한다면 반투명 색 배경을 레이블에 설정할 수 있습니다.
Vladimir

36
컴파일러가 불평한다면 아마 당신은 잊었을 것입니다#import <QuartzCore/QuartzCore.h>
Stefan Arentz

1
@Vladimir이 솔루션은 라벨의 모든면에 테두리를 추가합니다. 레이블의 오른쪽에만 테두리를 추가 할 수 있습니까 ???
chinthakad

1
@chinthakad, 아니 이를 위해 커스텀 드로잉이있는 커스텀 라벨 서브 클래스가 필요하다고 생각합니다.
Vladimir

3
스위프트에서 첫 번째 줄은 다음과 같습니다.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

19

스위프트 버전 :

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

스위프트 3의 경우 :

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

1
그것은 될 것입니다myLabel.layer.borderColor = UIColor.blackColor().CGColor!
Shruti

7

@IBDesignable이 포함 된 스위프트 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

스위프트 4 솔루션 :

yourLabel.layer.borderColor = UIColor.green.cgColor


0

그것은 실제로 당신의 뷰에서 얼마나 많은 보더가 사용하는지에 달려 있습니다. 때로는 경계를 만들기 위해 크기가 조금 더 큰 UIVIEW를 추가하기 만하면됩니다. 이 방법은 뷰를 생성하는 것보다 빠릅니다.


당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.