Search code examples
iosuilabelborderpadding

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


I found a solution for building a padded label here https://stackoverflow.com/a/58876988/826946 and saw an answer that uses IBInspectable to make it simple to use from InterfaceBuilder here: https://stackoverflow.com/a/32368958/826946. 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.


Solution

  • I am building here on the solution for a padded label found here: https://stackoverflow.com/a/58876988/826946 and also the use of IBInspectable found here: https://stackoverflow.com/a/32368958/826946, and finally the border stuff from here: https://stackoverflow.com/a/50364841/826946 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)
            }
        }