ฉันมีUILabelที่ที่ฉันต้องการเพิ่มพื้นที่ด้านบนและด้านล่าง ด้วยความสูงขั้นต่ำในข้อ จำกัด ฉันได้ปรับเปลี่ยนเป็น:

แก้ไข: เพื่อทำสิ่งนี้ฉันใช้:

  override func drawTextInRect(rect: CGRect) {
        var insets: UIEdgeInsets = UIEdgeInsets(top: 0.0, left: 10.0, bottom: 0.0, right: 10.0)
        super.drawTextInRect(UIEdgeInsetsInsetRect(rect, insets))

    } 

แต่ฉันจะหาวิธีอื่นเพราะถ้าฉันเขียนมากกว่าสองบรรทัดปัญหาเหมือนกัน:

ถ้าคุณต้องการที่จะติดกับ UILabel โดยไม่ต้อง subclassing มัน Mundi ให้ทางออกที่ชัดเจนแก่คุณ

หากคุณต้องการหลีกเลี่ยงการตัด UILabel ด้วย UIView คุณสามารถใช้ UITextView เพื่อเปิดใช้งานการใช้ UIEdgeInsets (padding) หรือคลาสย่อย UILabel เพื่อสนับสนุน UIEdgeInsets

การใช้UITextViewจะต้องให้สิ่งที่ใส่เข้าไปเท่านั้น (OBJ-C):

textView.textContainerInset = UIEdgeInsetsMake(10, 0, 10, 0);

ทางเลือกถ้าคุณ subclass UILabelตัวอย่างของวิธีนี้จะแทนที่เมธอดdrawTextInRect
(OBJ-C)

- (void)drawTextInRect:(CGRect)uiLabelRect {
    UIEdgeInsets myLabelInsets = {10, 0, 10, 0};
    [super drawTextInRect:UIEdgeInsetsInsetRect(uiLabelRect, myLabelInsets)];
}

คุณสามารถเพิ่ม UILabel subclassed ใหม่ของคุณด้วยตัวแปรแทรกสำหรับ TOP, LEFT, BOTTOM และ RIGHT

โค้ดตัวอย่างอาจเป็น:

ใน. h (OBJ-C)

float topInset, leftInset,bottomInset, rightInset;

ใน. m (OBJ-C)

- (void)drawTextInRect:(CGRect)uiLabelRect {
    [super drawTextInRect:UIEdgeInsetsInsetRect(uiLabelRect, UIEdgeInsetsMake(topInset,leftInset,bottomInset,rightInset))];
}

แก้ไข # 1:

จากสิ่งที่ฉันได้เห็นดูเหมือนว่าคุณจะต้องแทนที่ intrinsicContentSize ของ UILabel เมื่อทำการคลาสย่อย

ดังนั้นคุณควรแทนที่intrinsicContentSizeเช่น:

- (CGSize) intrinsicContentSize {
    CGSize intrinsicSuperViewContentSize = [super intrinsicContentSize] ;
    intrinsicSuperViewContentSize.height += topInset + bottomInset ;
    intrinsicSuperViewContentSize.width += leftInset + rightInset ;
    return intrinsicSuperViewContentSize ;
}

และเพิ่มวิธีการต่อไปนี้เพื่อแก้ไขสิ่งที่คุณใส่เข้าไปแทนที่จะแก้ไขเป็นรายบุคคล:

- (void) setContentEdgeInsets:(UIEdgeInsets)edgeInsets {
    topInset = edgeInsets.top;
    leftInset = edgeInsets.left;
    rightInset = edgeInsets.right; 
    bottomInset = edgeInsets.bottom;
    [self invalidateIntrinsicContentSize] ;
}

มันจะอัปเดตขนาดของ UILabel ของคุณเพื่อให้ตรงกับส่วนที่ขอบและครอบคลุมความจำเป็นหลายอย่างที่คุณอ้างถึง

แก้ไข # 2

หลังจากค้นหาเล็กน้อยฉันได้พบส่วนสำคัญนี้ด้วย IPInsetLabel หากไม่มีวิธีแก้ไขปัญหาเหล่านี้คุณสามารถลองใช้ได้

แก้ไข # 3

มีคำถามคล้ายกัน (ซ้ำกัน) เกี่ยวกับเรื่องนี้
สำหรับรายการโซลูชั่นที่มีทั้งหมดให้ดูคำตอบนี้: UILabel text margin

ฉันได้ลองใช้กับSwift 4.2แล้วหวังว่าจะได้ผลกับคุณ!

@IBDesignable class PaddingLabel: UILabel {

    @IBInspectable var topInset: CGFloat = 5.0
    @IBInspectable var bottomInset: CGFloat = 5.0
    @IBInspectable var leftInset: CGFloat = 7.0
    @IBInspectable var rightInset: CGFloat = 7.0

    override func drawText(in rect: CGRect) {
        let insets = UIEdgeInsets(top: topInset, left: leftInset, bottom: bottomInset, right: rightInset)
        super.drawText(in: rect.inset(by: insets))
    }

    override var intrinsicContentSize: CGSize {
        let size = super.intrinsicContentSize
        return CGSize(width: size.width + leftInset + rightInset,
                      height: size.height + topInset + bottomInset)
    }   

    override var bounds: CGRect {
        didSet {
            // ensures this works within stack views if multi-line
            preferredMaxLayoutWidth = bounds.width - (leftInset + rightInset)
        }
    } 
}

หรือคุณสามารถใช้ CocoaPods ได้ที่นี่https://github.com/levantAJ/PaddingLabel

pod 'PaddingLabel', '1.2'

สวิฟท์ 3

import UIKit

class PaddingLabel: UILabel {

   @IBInspectable var topInset: CGFloat = 5.0
   @IBInspectable var bottomInset: CGFloat = 5.0
   @IBInspectable var leftInset: CGFloat = 5.0
   @IBInspectable var rightInset: CGFloat = 5.0

   override func drawText(in rect: CGRect) {
      let insets = UIEdgeInsets(top: topInset, left: leftInset, bottom: bottomInset, right: rightInset)
      super.drawText(in: UIEdgeInsetsInsetRect(rect, insets))
   }

   override var intrinsicContentSize: CGSize {
      get {
         var contentSize = super.intrinsicContentSize
         contentSize.height += topInset + bottomInset
         contentSize.width += leftInset + rightInset
         return contentSize
      }
   }
}

คุณสามารถทำได้อย่างถูกต้องจาก IB:

1. เปลี่ยนข้อความเป็นประกอบ

2. ไปที่รายการแบบหล่นลงด้วย "... "

3. คุณจะเห็นคุณสมบัติการขยายบางส่วนสำหรับบรรทัดย่อหน้าและการเปลี่ยนข้อความเยื้องบรรทัดแรกหรืออะไรก็ได้ที่คุณต้องการ

4. ตรวจสอบผลลัพธ์

SWIFT 4

โซลูชันที่ใช้งานง่ายมีให้สำหรับเด็ก UILabel ทั้งหมดในโครงการ

ตัวอย่าง:

let label = UILabel()
    label.<Do something>
    label.padding = UIEdgeInsets(top: 0, left: 16, bottom: 0, right: 0)

ส่วนขยาย UILabel

import UIKit

extension UILabel {
    private struct AssociatedKeys {
        static var padding = UIEdgeInsets()
    }

    public var padding: UIEdgeInsets? {
        get {
            return objc_getAssociatedObject(self, &AssociatedKeys.padding) as? UIEdgeInsets
        }
        set {
            if let newValue = newValue {
                objc_setAssociatedObject(self, &AssociatedKeys.padding, newValue as UIEdgeInsets?, objc_AssociationPolicy.OBJC_ASSOCIATION_RETAIN_NONATOMIC)
            }
        }
    }

    override open func draw(_ rect: CGRect) {
        if let insets = padding {
            self.drawText(in: rect.inset(by: insets))
        } else {
            self.drawText(in: rect)
        }
    }

    override open var intrinsicContentSize: CGSize {
        guard let text = self.text else { return super.intrinsicContentSize }

        var contentSize = super.intrinsicContentSize
        var textWidth: CGFloat = frame.size.width
        var insetsHeight: CGFloat = 0.0
        var insetsWidth: CGFloat = 0.0

        if let insets = padding {
            insetsWidth += insets.left + insets.right
            insetsHeight += insets.top + insets.bottom
            textWidth -= insetsWidth
        }

        let newSize = text.boundingRect(with: CGSize(width: textWidth, height: CGFloat.greatestFiniteMagnitude),
                                        options: NSStringDrawingOptions.usesLineFragmentOrigin,
                                        attributes: [NSAttributedString.Key.font: self.font], context: nil)

        contentSize.height = ceil(newSize.size.height) + insetsHeight
        contentSize.width = ceil(newSize.size.width) + insetsWidth

        return contentSize
    }
}

เพียงใช้ a UIViewเป็นตัวควบคุมและกำหนดระยะขอบคงที่ให้กับเลเบลด้วยเลย์เอาต์อัตโนมัติ

เพียงแค่ใช้ UIButton มันมีอยู่แล้วภายในปิดคุณลักษณะของปุ่มพิเศษทั้งหมดและคุณมีป้ายกำกับที่คุณสามารถตั้งค่าขอบ instets บน

let button = UIButton()
button.contentEdgeInsets = UIEdgeInsets(top: 5, left: 5, bottom: 5, right: 5)
button.setTitle("title", for: .normal)
button.tintColor = .white // this will be the textColor
button.isUserInteractionEnabled = false

ไม่มี Storyboard:

class PaddingLabel: UILabel {

    var topInset: CGFloat
    var bottomInset: CGFloat
    var leftInset: CGFloat
    var rightInset: CGFloat

    required init(withInsets top: CGFloat, _ bottom: CGFloat,_ left: CGFloat,_ right: CGFloat) {
        self.topInset = top
        self.bottomInset = bottom
        self.leftInset = left
        self.rightInset = right
        super.init(frame: CGRect.zero)
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    override func drawText(in rect: CGRect) {
        let insets = UIEdgeInsets(top: topInset, left: leftInset, bottom: bottomInset, right: rightInset)
        super.drawText(in: UIEdgeInsetsInsetRect(rect, insets))
    }

    override var intrinsicContentSize: CGSize {
        get {
            var contentSize = super.intrinsicContentSize
            contentSize.height += topInset + bottomInset
            contentSize.width += leftInset + rightInset
            return contentSize
        }
    }
}

การใช้งาน:

let label = PaddingLabel(8, 8, 16, 16)
label.font = .boldSystemFont(ofSize: 16)
label.text = "Hello World"
label.backgroundColor = .black
label.textColor = .white
label.textAlignment = .center
label.layer.cornerRadius = 8
label.clipsToBounds = true
label.sizeToFit()

view.addSubview(label)

ผลลัพธ์:

การเติมUILabelเต็มวิธีการแก้ปัญหา อัปเดตในปี 2020

ปรากฎว่ามีสามสิ่งที่ต้องทำ

1. ต้องเรียกใช้ textRect # forBounds ด้วยขนาดที่เล็กกว่าใหม่

2. ต้องแทนที่ drawText ด้วยขนาดที่เล็กกว่าใหม่

3. หากเซลล์ที่มีขนาดแบบไดนามิกต้องปรับเปลี่ยน intrinsicContentSize

ในตัวอย่างด้านล่างหน่วยข้อความที่อยู่ในมุมมองตารางมุมมองสแต็คหรือการก่อสร้างที่คล้ายกันซึ่งจะทำให้มันกว้างคง ในตัวอย่างเราต้องการการเติมเต็ม 60,20,20,24

ดังนั้นเราจึงใช้ "ที่มีอยู่" intrinsicContentSize และจริงเพิ่ม 80 ความสูง

ทำซ้ำ ...

คุณต้อง "รับ" ความสูงที่คำนวณได้ "จนถึงตอนนี้" โดยเครื่องยนต์และเปลี่ยนค่านั้น

ฉันพบว่ากระบวนการนั้นทำให้เกิดความสับสน แต่นั่นเป็นวิธีการทำงาน สำหรับฉัน Apple ควรเปิดเผยการโทรที่มีชื่อว่า "การคำนวณความสูงเบื้องต้น"

ประการที่สองเราจะต้องใช้งานจริง textRect อันดับ forBounds โทรด้วยขนาดที่เล็กกว่าของเราใหม่

ดังนั้นใน textRect # forBounds เราครั้งแรกทำให้มีขนาดเล็กลงและจากนั้นเรียกซุปเปอร์

แจ้งเตือน! คุณต้องโทรหาซุปเปอร์หลังจากไม่ใช่ก่อน!

หากคุณตรวจสอบความพยายามและการอภิปรายทั้งหมดในหน้านี้อย่างรอบคอบนั่นเป็นปัญหาที่แน่นอน สังเกตวิธีแก้ปัญหาบางอย่าง "ดูเหมือนจะเกือบจะทำงานได้" แต่บางคนก็จะรายงานว่าในบางสถานการณ์มันจะไม่ทำงาน นี่คือเหตุผลที่แท้จริง - คุณต้อง "โทรหาซูเปอร์ภายหลัง" อย่างสับสนไม่ได้มาก่อน

ดังนั้นหากคุณเรียกมันว่า "ผิดลำดับ" มากเกินไปมันก็ใช้งานได้แต่ไม่ได้มีความยาวข้อความที่แน่นอน

นี่คือตัวอย่างที่เห็นได้ชัดของ "การทำซุปเปอร์มาอย่างไม่ถูกต้อง":

ขอให้สังเกตว่าระยะขอบ 60,20,20,24 นั้นถูกต้อง แต่การคำนวณขนาดนั้นผิดจริงเพราะทำด้วยรูปแบบ "ขั้นแรกสุด" ใน textRect # forBounds

แก้ไขแล้ว:

โปรดสังเกตว่าตอนนี้ textRect # forBounds เอ็นจิ้นรู้วิธีการคำนวณอย่างถูกต้องเท่านั้น :

ที่สุด!

อีกครั้งในตัวอย่างนี้ UILabel กำลังถูกใช้ในสถานการณ์ทั่วไปที่มีการแก้ไขความกว้าง ดังนั้นใน intrinsicContentSize เราต้อง "เพิ่ม" ความสูงพิเศษโดยรวมที่เราต้องการ (คุณไม่จำเป็นต้อง "เพิ่ม" ในความกว้างไม่ว่าจะเป็นความหมายตามที่ได้รับการแก้ไข)

จากนั้นใน textRect # forBounds คุณจะได้รับขอบเขต "ที่แนะนำ" โดย autolayout คุณจะลบระยะขอบของคุณและจากนั้นโทรไปที่เครื่องมือ textRect # forBounds อีกครั้งนั่นคือการพูดในระดับสูงซึ่งจะทำให้คุณได้ผลลัพธ์

ในที่สุดและเพียงแค่ในการดึงคุณแน่นอนวาดในกล่องขนาดเล็กที่เดียวกัน

วุ้ย

let UIEI = UIEdgeInsets(top: 60, left: 20, bottom: 20, right: 24) // as desired

override var intrinsicContentSize:CGSize {
    numberOfLines = 0       // don't forget!
    var s = super.intrinsicContentSize
    s.height = s.height + UIEI.top + UIEI.bottom
    s.width = s.width + UIEI.left + UIEI.right
    return s
}

override func drawText(in rect:CGRect) {
    let r = rect.inset(by: UIEI)
    super.drawText(in: r)
}

override func textRect(forBounds bounds:CGRect,
                           limitedToNumberOfLines n:Int) -> CGRect {
    let b = bounds
    let tr = b.inset(by: UIEI)
    let ctr = super.textRect(forBounds: tr, limitedToNumberOfLines: 0)
    // that line of code MUST be LAST in this function, NOT first
    return ctr
}

อีกครั้ง หมายเหตุว่าคำตอบเกี่ยวกับเรื่องนี้และควบคุมคุณภาพอื่น ๆ ที่เป็น "เกือบ" ที่ถูกต้องประสบปัญหาในภาพแรกข้างต้น - The "ซูเปอร์อยู่ในสถานที่ที่ไม่ถูกต้อง" คุณต้องบังคับให้ขนาดใหญ่ขึ้นใน intrinsicContentSize แล้วใน textRect # forBounds คุณต้องหดขอบเขตคำแนะนำแรกก่อนแล้วจึงเรียก super

สรุป: คุณต้อง "การเรียกร้องซุปเปอร์สุดท้าย " ใน textRect # forBounds

นั่นเป็นความลับ

โปรดทราบว่าคุณไม่จำเป็นต้องและไม่จำเป็นต้องโทรหาการใช้งานที่ไม่ถูกต้อง, sizeThatFits, needsLayout หรือการบังคับให้โทรอื่น ๆ โซลูชันที่ถูกต้องควรทำงานอย่างถูกต้องในรอบการวาดอัตโนมัติแบบปกติ

เคล็ดลับ:

หากคุณกำลังทำงานกับแบบอักษร monospace ต่อไปนี้เป็นเคล็ดลับที่ยอดเยี่ยม: https://stackoverflow.com/a/59813420/294884

Swift 4+

class EdgeInsetLabel: UILabel {
    var textInsets = UIEdgeInsets.zero {
        didSet { invalidateIntrinsicContentSize() }
    }

    override func textRect(forBounds bounds: CGRect, limitedToNumberOfLines numberOfLines: Int) -> CGRect {
        let textRect = super.textRect(forBounds: bounds, limitedToNumberOfLines: numberOfLines)
        let invertedInsets = UIEdgeInsets(top: -textInsets.top,
                                          left: -textInsets.left,
                                          bottom: -textInsets.bottom,
                                          right: -textInsets.right)
        return textRect.inset(by: invertedInsets)
    }

    override func drawText(in rect: CGRect) {
        super.drawText(in: rect.inset(by: textInsets))
    } 
}

การใช้งาน:

let label = EdgeInsetLabel()
label.textInsets = UIEdgeInsets(top: 2, left: 6, bottom: 2, right: 6)

Swift 3 Code พร้อมตัวอย่างการนำไปใช้

class UIMarginLabel: UILabel {

    var topInset:       CGFloat = 0
    var rightInset:     CGFloat = 0
    var bottomInset:    CGFloat = 0
    var leftInset:      CGFloat = 0

    override func drawText(in rect: CGRect) {
        let insets: UIEdgeInsets = UIEdgeInsets(top: self.topInset, left: self.leftInset, bottom: self.bottomInset, right: self.rightInset)
        self.setNeedsLayout()
        return super.drawText(in: UIEdgeInsetsInsetRect(rect, insets))
    }
}

class LabelVC: UIViewController {

    //Outlets
    @IBOutlet weak var labelWithMargin: UIMarginLabel!

    override func viewDidLoad() {
        super.viewDidLoad()

        //Label settings.
        labelWithMargin.leftInset = 10
        view.layoutIfNeeded()
    }
}

อย่าลืมเพิ่มชื่อคลาส UIMarginLabel ในวัตถุฉลากกระดานเรื่องราว Happy Coding!

ตามSwift 4.2 (Xcode 10 beta 6) "UIEdgeInsetsInsetRect" ถูกเลิกใช้งาน ฉันได้ประกาศให้ชั้นเรียนสาธารณะทราบเพื่อให้มีประโยชน์มากขึ้น

public class UIPaddedLabel: UILabel {

    @IBInspectable var topInset: CGFloat = 5.0
    @IBInspectable var bottomInset: CGFloat = 5.0
    @IBInspectable var leftInset: CGFloat = 7.0
    @IBInspectable var rightInset: CGFloat = 7.0

    public override func drawText(in rect: CGRect) {
        let insets = UIEdgeInsets.init(top: topInset, left: leftInset, bottom: bottomInset, right: rightInset)
        super.drawText(in: rect.inset(by: insets))
    }

    public override var intrinsicContentSize: CGSize {
        let size = super.intrinsicContentSize
        return CGSize(width: size.width + leftInset + rightInset,
                      height: size.height + topInset + bottomInset)
    }

    public override func sizeToFit() {
        super.sizeThatFits(intrinsicContentSize)
    }
}

ฉันแก้ไขคำตอบที่ได้รับการยอมรับเล็กน้อย มีปัญหาเมื่อleftInsetและrightInsetเพิ่มขึ้นส่วนหนึ่งของข้อความจะหายไปความกว้างของฉลากจะแคบลง b / c แต่ความสูงไม่เพิ่มขึ้นตามรูป:

ในการแก้ไขปัญหานี้คุณต้องคำนวณความสูงของข้อความใหม่ดังนี้

@IBDesignable class PaddingLabel: UILabel {

  @IBInspectable var topInset: CGFloat = 20.0
  @IBInspectable var bottomInset: CGFloat = 20.0
  @IBInspectable var leftInset: CGFloat = 20.0
  @IBInspectable var rightInset: CGFloat = 20.0

  override func drawTextInRect(rect: CGRect) {
    let insets = UIEdgeInsets(top: topInset, left: leftInset, bottom: bottomInset, right: rightInset)
    super.drawTextInRect(UIEdgeInsetsInsetRect(rect, insets))
  }

  override func intrinsicContentSize() -> CGSize {
    var intrinsicSuperViewContentSize = super.intrinsicContentSize()

    let textWidth = frame.size.width - (self.leftInset + self.rightInset)
    let newSize = self.text!.boundingRectWithSize(CGSizeMake(textWidth, CGFloat.max), options: NSStringDrawingOptions.UsesLineFragmentOrigin, attributes: [NSFontAttributeName: self.font], context: nil)
    intrinsicSuperViewContentSize.height = ceil(newSize.size.height) + self.topInset + self.bottomInset

    return intrinsicSuperViewContentSize
  }
}

และผลลัพธ์:

ฉันหวังว่าจะช่วยบางคนในสถานการณ์เดียวกันกับฉัน

เพียงใช้การชำระอัตโนมัติ:

let paddedWidth = myLabel.intrinsicContentSize.width + 2 * padding
myLabel.widthAnchor.constraint(equalToConstant: paddedWidth).isActive = true

เสร็จสิ้น

ตัวเลือกอื่นที่ไม่มีคลาสย่อยคือ:

1. ตั้งป้ายกำกับ text
2. sizeToFit()

3. จากนั้นเพิ่มความสูงของฉลากเพียงเล็กน้อยเพื่อจำลองการขยายตัว

   label.text = "someText"
   label.textAlignment = .center    
   label.sizeToFit()  
   label.frame = CGRect( x: label.frame.x, y: label.frame.y,width:  label.frame.width + 20,height: label.frame.height + 8)

โซลูชัน Swift 3, iOS10:

open class UIInsetLabel: UILabel {

    open var insets : UIEdgeInsets = UIEdgeInsets() {
        didSet {
            super.invalidateIntrinsicContentSize()
        }
    }

    open override var intrinsicContentSize: CGSize {
        var size = super.intrinsicContentSize
        size.width += insets.left + insets.right
        size.height += insets.top + insets.bottom
        return size
    }

    override open func drawText(in rect: CGRect) {
        return super.drawText(in: UIEdgeInsetsInsetRect(rect, insets))
    }
}

ใน Swift 3

วิธีที่ดีที่สุดและเรียบง่าย

class UILabelPadded: UILabel {
     override func drawText(in rect: CGRect) {
     let insets = UIEdgeInsets.init(top: 0, left: 5, bottom: 0, right: 5)
     super.drawText(in: UIEdgeInsetsInsetRect(rect, insets))
    }

}

คลาสย่อย UILabel (ไฟล์ใหม่ไฟล์ - CocoaTouchClass ทำคลาสย่อยของ UILabel)

//  sampleLabel.swift

import UIKit

class sampleLabel: UILabel {

 let topInset = CGFloat(5.0), bottomInset = CGFloat(5.0), leftInset = CGFloat(8.0), rightInset = CGFloat(8.0)

 override func drawTextInRect(rect: CGRect) {

  let insets: UIEdgeInsets = UIEdgeInsets(top: topInset, left: leftInset, bottom: bottomInset, right: rightInset)
  super.drawTextInRect(UIEdgeInsetsInsetRect(rect, insets))

 }
 override func intrinsicContentSize() -> CGSize {
  var intrinsicSuperViewContentSize = super.intrinsicContentSize()
  intrinsicSuperViewContentSize.height += topInset + bottomInset
  intrinsicSuperViewContentSize.width += leftInset + rightInset
  return intrinsicSuperViewContentSize
 }
}

บน ViewController:

override func viewDidLoad() {
  super.viewDidLoad()

  let labelName = sampleLabel(frame: CGRectMake(0, 100, 300, 25))
  labelName.text = "Sample Label"
  labelName.backgroundColor =  UIColor.grayColor()

  labelName.textColor = UIColor.redColor()
  labelName.shadowColor = UIColor.blackColor()
  labelName.font = UIFont(name: "HelveticaNeue", size: CGFloat(22))
  self.view.addSubview(labelName)
 }

หรือเชื่อมโยงคลาส UILabel ที่กำหนดเองบนกระดานเรื่องราวเป็นคลาสของป้ายกำกับ

เช่นเดียวกับคำตอบอื่น ๆ แต่แก้ไขข้อบกพร่อง เมื่อlabel.widthควบคุมโดยเลย์เอาต์อัตโนมัติบางครั้งข้อความจะถูกครอบตัด

@IBDesignable
class InsetLabel: UILabel {

    @IBInspectable var topInset: CGFloat = 4.0
    @IBInspectable var leftInset: CGFloat = 4.0
    @IBInspectable var bottomInset: CGFloat = 4.0
    @IBInspectable var rightInset: CGFloat = 4.0

    var insets: UIEdgeInsets {
        get {
            return UIEdgeInsets.init(top: topInset, left: leftInset, bottom: bottomInset, right: rightInset)
        }
        set {
            topInset = newValue.top
            leftInset = newValue.left
            bottomInset = newValue.bottom
            rightInset = newValue.right
        }
    }

    override func sizeThatFits(_ size: CGSize) -> CGSize {
        var adjSize = super.sizeThatFits(size)
        adjSize.width += leftInset + rightInset
        adjSize.height += topInset + bottomInset
        return adjSize
    }

    override var intrinsicContentSize: CGSize {
        let systemContentSize = super.intrinsicContentSize
        let adjustSize = CGSize(width: systemContentSize.width + leftInset + rightInset, height: systemContentSize.height + topInset +  bottomInset) 
        if adjustSize.width > preferredMaxLayoutWidth && preferredMaxLayoutWidth != 0 {
            let constraintSize = CGSize(width: bounds.width - (leftInset + rightInset), height: .greatestFiniteMagnitude)
            let newSize = super.sizeThatFits(constraintSize)
            return CGSize(width: systemContentSize.width, height: ceil(newSize.height) + topInset + bottomInset)
        } else {
            return adjustSize
        }
    }

    override func drawText(in rect: CGRect) {
        super.drawText(in: rect.inset(by: insets))
    }
}

การขยายง่าย (คำตอบ Swift 3.0, Alvin George):

  class NewLabel: UILabel {

        override func textRect(forBounds bounds: CGRect, limitedToNumberOfLines numberOfLines: Int) -> CGRect {
                return self.bounds.insetBy(dx: CGFloat(15.0), dy: CGFloat(15.0))
        }

        override func draw(_ rect: CGRect) {
                super.drawText(in: self.bounds.insetBy(dx: CGFloat(5.0), dy: CGFloat(5.0)))
        }

  }

รายละเอียดเกี่ยวกับคำตอบของมุนดิ

เช่นการฝังป้ายกำกับในUIViewและบังคับใช้การเติมผ่านเค้าโครงอัตโนมัติ ตัวอย่าง:

ข้อมูลทั่วไป:

1) สร้างUIView("แผง") และตั้งค่าลักษณะที่ปรากฏ

2) สร้างUILabelและเพิ่มลงในพาเนล

3) เพิ่มข้อ จำกัด ในการบังคับใช้ช่องว่างภายใน

4) เพิ่มพาเนลลงในลำดับชั้นมุมมองของคุณจากนั้นจัดตำแหน่งพาเนล

รายละเอียด:

1) สร้างมุมมองพาเนล

let panel = UIView()
panel.backgroundColor = .green
panel.layer.cornerRadius = 12

2) สร้างฉลากเพิ่มลงในแผงเป็นมุมมองย่อย

let label = UILabel()
panel.addSubview(label)

3) เพิ่มข้อ จำกัด ระหว่างขอบของฉลากและแผงควบคุม นี่เป็นการบังคับให้พาเนลอยู่ห่างจากฉลาก เช่น "padding"

บทบรรณาธิการ: การทำทั้งหมดนี้ด้วยมือเป็นเรื่องน่าเบื่อสุด ๆ verbose และเกิดข้อผิดพลาดได้ง่าย ฉันขอแนะนำให้คุณเลือก wrapper อัตโนมัติเค้าโครงจาก github หรือเขียนเอง

label.panel.translatesAutoresizingMaskIntoConstraints = false
label.topAnchor.constraint(equalTo: panel.topAnchor,
    constant: vPadding).isActive = true
label.bottomAnchor.constraint(equalTo: panel.bottomAnchor,
    constant: -vPadding).isActive = true
label.leadingAnchor.constraint(equalTo: panel.leadingAnchor,
    constant: hPadding).isActive = true
label.trailingAnchor.constraint(equalTo: panel.trailingAnchor,
    constant: -hPadding).isActive = true

label.textAlignment = .center

4) เพิ่มพาเนลลงในลำดับชั้นการดูของคุณจากนั้นเพิ่มข้อ จำกัด การวางตำแหน่ง เช่นกอดทางด้านขวาของ tableViewCell ดังภาพตัวอย่าง

หมายเหตุ: คุณเพียงแค่เพิ่มข้อ จำกัด ตำแหน่งไม่ใช่ข้อ จำกัด ด้านมิติ: เลย์เอาต์อัตโนมัติจะแก้ไขเลย์เอาต์ตามทั้งintrinsicContentSizeฉลากและข้อ จำกัด ที่เพิ่มก่อนหน้านี้

hostView.addSubview(panel)
panel.translatesAutoresizingMaskIntoConstraints = false
panel.trailingAnchor.constraint(equalTo: hostView.trailingAnchor,
    constant: -16).isActive = true
panel.centerYAnchor.constraint(equalTo: hostView.centerYAnchor).isActive = true

ใช้รหัสนี้หากคุณประสบปัญหาการตัดข้อความขณะใช้การขยาย

@IBDesignable class PaddingLabel: UILabel {

    @IBInspectable var topInset: CGFloat = 5.0
    @IBInspectable var bottomInset: CGFloat = 5.0
    @IBInspectable var leftInset: CGFloat = 5.0
    @IBInspectable var rightInset: CGFloat = 5.0

    override func drawText(in rect: CGRect) {
        let insets = UIEdgeInsets.init(top: topInset, left: leftInset, bottom: bottomInset, right: rightInset)
        super.drawText(in: UIEdgeInsetsInsetRect(rect, insets))
    }

    override var intrinsicContentSize: CGSize {
        var intrinsicSuperViewContentSize = super.intrinsicContentSize
        let textWidth = frame.size.width - (self.leftInset + self.rightInset)
        let newSize = self.text!.boundingRect(with: CGSize(textWidth, CGFloat.greatestFiniteMagnitude), options: NSStringDrawingOptions.usesLineFragmentOrigin, attributes: [NSFontAttributeName: self.font], context: nil)
        intrinsicSuperViewContentSize.height = ceil(newSize.size.height) + self.topInset + self.bottomInset
        return intrinsicSuperViewContentSize
    }
}

extension CGSize{
    init(_ width:CGFloat,_ height:CGFloat) {
        self.init(width:width,height:height)
    }
}

คล้ายกับคำตอบอื่น ๆ แต่ด้วยคลาส func เพื่อตั้งค่าช่องว่างภายใน:

class UILabelExtendedView: UILabel
{
    var topInset: CGFloat = 4.0
    var bottomInset: CGFloat = 4.0
    var leftInset: CGFloat = 8.0
    var rightInset: CGFloat = 8.0

    override func drawText(in rect: CGRect)
    {
        let insets: UIEdgeInsets = UIEdgeInsets(top: topInset, left: leftInset, bottom: bottomInset, right: rightInset)
        super.drawText(in: UIEdgeInsetsInsetRect(rect, insets))
    }

    override public var intrinsicContentSize: CGSize
    {
        var contentSize = super.intrinsicContentSize
        contentSize.height += topInset + bottomInset
        contentSize.width += leftInset + rightInset
        return contentSize
    }

    func setPadding(top: CGFloat, left: CGFloat, bottom: CGFloat, right: CGFloat){
        self.topInset = top
        self.bottomInset = bottom
        self.leftInset = left
        self.rightInset = right
        let insets: UIEdgeInsets = UIEdgeInsets(top: top, left: left, bottom: bottom, right: right)
        super.drawText(in: UIEdgeInsetsInsetRect(self.frame, insets))
    }
}

วิธีแก้ปัญหาอย่างหนึ่งคือการเพิ่มป้ายว่างเปล่าที่มีความสูงและสีเดียวกันกับป้ายหลัก ตั้งค่าพื้นที่นำหน้า / ส่วนท้ายเป็นป้ายกำกับหลักให้เป็นศูนย์จัดกึ่งกลางแนวตั้งและกำหนดความกว้างของระยะขอบที่คุณต้องการ

หากคุณต้องการเพิ่มช่องว่างภายใน 2px รอบ textRect ให้ทำดังนี้

let insets = UIEdgeInsets(top: -2, left: -2, bottom: -2, right: -2)
label.frame = UIEdgeInsetsInsetRect(textRect, insets)

หากคุณไม่ต้องการหรือจำเป็นต้องใช้ @IBInspectable / @IBDesignable UILabel ใน Storyboard (ฉันคิดว่าสิ่งเหล่านั้นแสดงผลช้าเกินไปแล้ว) ดังนั้นคุณควรใช้ UIEdgeInsets แทน CGFloats 4 แบบที่แตกต่างกัน

ตัวอย่างรหัสสำหรับ Swift 4.2:

class UIPaddedLabel: UILabel {
    var padding = UIEdgeInsets(top: 0, left: 0, bottom: 0, right: 0)

    public override func drawText(in rect: CGRect) {
        super.drawText(in: rect.inset(by: padding))
    }

    public override var intrinsicContentSize: CGSize {
        let size = super.intrinsicContentSize
        return CGSize(width: size.width + padding.left + padding.right,
                      height: size.height + padding.top + padding.bottom)
    }
}

Objective-C

บนพื้นฐานของTai Leตอบรับซึ่งใช้คุณลักษณะภายใน IB Designable นี่คือรุ่น Objective-C

ใส่สิ่งนี้ใน YourLabel.h

@interface YourLabel : UILabel

@property IBInspectable CGFloat topInset;
@property IBInspectable CGFloat bottomInset;
@property IBInspectable CGFloat leftInset;
@property IBInspectable CGFloat rightInset;

@end

และนี่จะเป็น YourLabel.m

IB_DESIGNABLE

@implementation YourLabel

#pragma mark - Super

- (instancetype)initWithCoder:(NSCoder *)aDecoder {
    self = [super initWithCoder:aDecoder];
    if (self) {
        self.topInset = 0;
        self.bottomInset = 0;
        self.leftInset = 0;
        self.rightInset = 0;
    }
    return self;
}

- (void)drawTextInRect:(CGRect)rect {
    UIEdgeInsets insets = UIEdgeInsetsMake(self.topInset, self.leftInset, self.bottomInset, self.rightInset);
    [super drawTextInRect:UIEdgeInsetsInsetRect(rect, insets)];
}

- (CGSize)intrinsicContentSize {

    CGSize size = [super intrinsicContentSize];
    return CGSizeMake(size.width + self.leftInset + self.rightInset,
                      size.height + self.topInset + self.bottomInset);
}

@end

จากนั้นคุณสามารถแก้ไข YourLabel insets ได้โดยตรงใน Interface Builder หลังจากระบุคลาสภายใน XIB หรือกระดานเรื่องราวซึ่งเป็นค่าเริ่มต้นของ insets ที่เป็นศูนย์

ทางที่ง่าย

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.

        self.view.addSubview(makeLabel("my title",x: 0, y: 100, w: 320, h: 30))
    }

    func makeLabel(title:String, x:CGFloat, y:CGFloat, w:CGFloat, h:CGFloat)->UILabel{
        var myLabel : UILabel = UILabel(frame: CGRectMake(x,y,w,h))
        myLabel.textAlignment = NSTextAlignment.Right

        // inser last char to right
        var titlePlus1char = "\(title)1"
        myLabel.text = titlePlus1char
        var titleSize:Int = count(titlePlus1char)-1

        myLabel.textColor = UIColor(red:1.0, green:1.0,blue:1.0,alpha:1.0)
        myLabel.backgroundColor = UIColor(red: 214/255, green: 167/255, blue: 0/255,alpha:1.0)


        // create myMutable String
        var myMutableString = NSMutableAttributedString()

        // create myMutable font
        myMutableString = NSMutableAttributedString(string: titlePlus1char, attributes: [NSFontAttributeName:UIFont(name: "HelveticaNeue", size: 20)!])

        // set margin size
        myMutableString.addAttribute(NSFontAttributeName, value: UIFont(name: "HelveticaNeue", size: 10)!, range: NSRange(location: titleSize,length: 1))

        // set last char to alpha 0
        myMutableString.addAttribute(NSForegroundColorAttributeName, value: UIColor(red:1.0, green:1.0,blue:1.0,alpha:0), range: NSRange(location: titleSize,length: 1))

        myLabel.attributedText = myMutableString

        return myLabel
    }


    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

}

ช่องว่างภายในง่าย:

import UIKit

    class NewLabel: UILabel {

        override func textRectForBounds(bounds: CGRect, limitedToNumberOfLines numberOfLines: Int) -> CGRect {

            return CGRectInset(self.bounds, CGFloat(15.0), CGFloat(15.0))
        }

        override func drawRect(rect: CGRect) {

            super.drawTextInRect(CGRectInset(self.bounds,CGFloat(5.0), CGFloat(5.0)))
        }

    }

Swift 4+

let paragraphStyle = NSMutableParagraphStyle()
paragraphStyle.firstLineHeadIndent = 10

// Swift 4.2++
label.attributedText = NSAttributedString(string: "Your text", attributes: [NSAttributedString.Key.paragraphStyle: paragraphStyle])

// Swift 4.1--
label.attributedText = NSAttributedString(string: "Your text", attributes: [NSAttributedStringKey.paragraphStyle: paragraphStyle])