programing

UI 레이블 주위에 테두리를 그리는 방법은 무엇입니까?

golfzon 2023. 6. 3. 11:39
반응형

UI 레이블 주위에 테두리를 그리는 방법은 무엇입니까?

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.

참고 항목

빠른 버전:

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

Swift 3의 경우:

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

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

UILabel 속성 borderColor, borderWidth, 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
}

다음 보고서를 사용할 수 있습니다. GSBorder Label

매우 간단합니다.

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

Swift 4용 솔루션:

Label.layer.borderColor = UIColor.green.cgColor

그것은 정말로 당신의 뷰에서 얼마나 많은 보더 사용에 달려있습니다, 때때로, 테두리를 만들기 위해 크기가 조금 더 큰 UIVIEW를 추가하세요. 그 방법은 뷰를 생성하는 것보다 더 빠릅니다.

속성 레이블에 NSA 속성 문자열 사용텍스트가 최선의 선택일 것입니다.이 예를 확인하십시오.

언급URL : https://stackoverflow.com/questions/2311591/how-to-draw-border-around-a-uilabel

반응형