UILabel之Inset

作者: jy__Lu | 来源:发表于2018-01-17 16:55 被阅读388次

最近项目中想要设置UILabel中文字的内边距也就是所谓的Inset,在UILable中没有发现类似的属性,一顿Google自己写了一个UILabel的子类来实现这个属性,当然也可以通过给UILabel套一个View的方式来实现,不过这个需求是在写完之后发现的,所以通过子类的方式改起来更好一些。

首先找到了一部分说明需要重写drawText(in rect: CGRect)这个方法,代码大概就是这个样子,这个方法就是告诉UILabel要将文字显示在什么位置上,距边框的距离是多少:

override func drawText(in rect: CGRect) {
        //其中用到的self.edgeInsets是我们自己定义的一个属性,在初始化UILabel实例的时候对其赋值
        super.drawText(in: UIEdgeInsetsInsetRect(rect, self.edgeInsets))
 }

重写了这个方法之后发现在自动布局中并没有什么太大的作用,然后我又发现了下面两个东西,
var intrinsicContentSize: CGSize这个是用来得到自动布局中size的属性
sizeThatFits(_ size: CGSize) -> CGSize这个猜测是sizeToFit返回的size大小

override var intrinsicContentSize: CGSize{
        get{
            var size = super.intrinsicContentSize;
            size.width  += (self.edgeInsets.left + self.edgeInsets.right);
            size.height += (self.edgeInsets.top + self.edgeInsets.bottom);
            return size;
        }
    }

override func sizeThatFits(_ size: CGSize) -> CGSize {
        let superSizeThatFits = super.sizeThatFits(size)
        let width = superSizeThatFits.width + edgeInsets.left + edgeInsets.right
        let height = superSizeThatFits.height + edgeInsets.top + edgeInsets.bottom
        return CGSize(width: width, height: height)
}

在实现了这个方法之后发现在文字所占的款度恰好等于UILabel的宽度时(设置了edgeInsetleftright且不为0)是不会自动换行的,也就是我们的代码写的还是有问题的,虽然重写了上面两个方法,告诉了UILabel要将文字画在哪,最终的大小是多少但是UILabel在填充的时候仍然是按照文字的宽度与最终UILabel的宽度的比较来判断是不是需要换行的,所以恰好这个临界值是不会换行的,所以就会出现上面的情况,其实我们上面做的工作无非就是在UILabel设置完内容之后告诉他你要在哪显示内容,你最终的大小是啥,但是最后得到的大小还是UILabel用自己的默认方式计算出来的。我们只是在其计算结果上设置了内边距并体现在了最终显示的结果上。
然后又是一顿Google,最后被我发现了preferredMaxLayoutWidth这个属性,这个属性就是来指定UILabel计算文字size的时候的最大宽度时多少,默认情况下是以UILabel的宽度来计算的然后我们在UILabel的初始化方法中设置一下它的值,最后计算以及显示就会是正常的了,最起码在我的例子中是正常的。

由于我是通过StoryBoard做的所以之在下面的方法中修改了该值,理论上所有的init方法中都应该设置,当然是要在知道UILabelframe之后才能计算

required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        self.edgeInsets = UIEdgeInsetsMake(10, 5, 10, 5)
        preferredMaxLayoutWidth = self.frame.width - (self.edgeInsets.left + self.edgeInsets.right)
}

相关文章

  • UILabel之Inset

    最近项目中想要设置UILabel中文字的内边距也就是所谓的Inset,在UILable中没有发现类似的属性,一顿G...

  • UI--UILable

    前言:UI控件整理之UILable 一、UILabel 效果图基本代码实现 UILabel *titleLa = ...

  • 富文本详细解释

    iOS开发之UILabel(富文本)

  • Masonry 注意事项

    UILabel 下使用Masonry无法换行 之 preferredMaxLayoutWidth

  • iPhoneX 安全区域 safe-area-inset-*

    屏幕上安全距离: safe-area-inset-top 屏幕右安全距离: safe-area-inset-rig...

  • 2021-01-05 iPhoneX 安全区域 safe-are

    屏幕上安全距离: safe-area-inset-top 屏幕右安全距离: safe-area-inset-rig...

  • IOS基础UI操作UILabel

    UILabel之小白学习纪录篇 代码创建UILabel 改变文字内容 改变文字颜色 改变字体大小 改变字体排列方式...

  • css 阴影 shadow

    语法 inset: 默认阴影在边框外。使用 inset 后,阴影在边框内(即使是透明边框),背景之上内容之下。也有...

  • 诡异的Inset

    今天在用autolayout的时候发现table在viewappear后有个诡异的Inset。把adjust sc...

  • iOS-UILable详细介绍

    //创建uilabel UILabel *label1 = [[UILabel alloc] initWithFr...

网友评论

    本文标题:UILabel之Inset

    本文链接:https://www.haomeiwen.com/subject/rosuoxtx.html