web-dev-qa-db-ja.com

UILabelの周りに境界線を描く方法は？

UILabelがそれ自体の周りに境界線を描く方法はありますか？これは、テキストの配置をデバッグし、配置とラベルの実際の大きさを確認するのに役立ちます。

iosiphonecocoa-touchuikituilabel
135
Boon

基になる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;
249
Vladimir

UILabelとその境界線でできることを次に示します。

enter image description here

これらのラベルのコードは次のとおりです。

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をインポートする必要がないことに注意してください。

こちらもご覧ください

68
Suragch

Swiftバージョン：

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

Swift 3の場合：

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

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

このレポを使用できます： GSBorderLabel

とても簡単です：

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

UILabelのプロパティborderColor、borderWidth、cornerRadius in 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
}
1
Sanjay Mali

Swift 4の解決策：

yourLabel.layer.borderColor = UIColor.green.cgColor

1
Exitare

NSAttributedString文字列をラベルに使用することは、おそらくattributedTextが最善の策です。 この例を確認してください。

0
Bueno

それは本当にあなたのビューでいくつのボーダーが使用するかに依存します、時には、ボーダーを作るためにサイズが少し大きいUIVIEWを追加してください。メソッドはビューを生成するよりも高速です

0
chings228