How can I make a padded UILabel with rounded border in IOS

Question

I found a solution for building a padded label here https://mcmap.net/q/23674/-adding-space-padding-to-a-uilabel and saw an answer that uses IBInspectable to make it simple to use from InterfaceBuilder here: https://mcmap.net/q/23674/-adding-space-padding-to-a-uilabel. I would like to also have the same class provide the ability to specify a border (width, color, and corner radius) all in one package.

Lally

Answer 1

I am building here on the solution for a padded label found here: https://mcmap.net/q/23674/-adding-space-padding-to-a-uilabel and also the use of IBInspectable found here: https://mcmap.net/q/23674/-adding-space-padding-to-a-uilabel, and finally the border stuff from here: https://mcmap.net/q/23596/-how-to-draw-border-around-a-uilabel Note that the background color is still settable the regular way that you can already do for a label in Interface Builder

    import UIKit

    @IBDesignable class PaddedAndBorderedLabel: 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
        @IBInspectable var borderColor : UIColor = UIColor.black
        @IBInspectable var borderWidth : CGFloat = 1
        @IBInspectable var cornerRadius : CGFloat = 5
        
        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 func textRect(forBounds bounds:CGRect,
                           limitedToNumberOfLines n:Int) -> CGRect {
            let b = bounds
            let UIEI = UIEdgeInsets(top: topInset, left: leftInset, bottom: bottomInset, right: rightInset)
            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
        }            

        override func draw(_ rect: CGRect) {
            layer.borderColor = borderColor.cgColor
            layer.borderWidth = borderWidth
            layer.cornerRadius = cornerRadius
            layer.masksToBounds = true
            super.draw(rect)
        }
    }

Lally