如何在iOS中制作带有圆角边框的填充UILabel [英] How can I make a padded UILabel with rounded border in IOS

问题描述

我在这里找到了用于构建填充标签的解决方案 https://stackoverflow.com/a/58876988/826946 ，看到了一个使用IBInspectable使其易于使用的答案从InterfaceBuilder此处: https://stackoverflow.com/a/32368958/826946 .我还希望同一类可以在一个包中指定边框(宽度，颜色和角半径).

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.

推荐答案

我在这里基于在这里找到填充标签的解决方案: https://stackoverflow.com/a/58876988/826946 ，还可以使用IBInspectable在这里找到:https://stackoverflow.com/a/32368958/826946 ，最后是这里的边框:https://stackoverflow.com/a/50364841/826946 请注意，背景颜色仍然可以按照您可以在Interface Builder中为标签执行的常规方式设置

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

这篇关于如何在iOS中制作带有圆角边框的填充UILabel的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！