美文网首页2015技术笔记
2015笔记——定制label

2015笔记——定制label

作者: 满庭花醉三千客 | 来源:发表于2018-07-27 09:20 被阅读18次

    哈哈,花了两天时间,做出来的效果中,我最满意的莫过于这个效果:定制我自己想要的UILabel,当然,包括行距、颜色、扩展。

    先看需要配置的东西:

    屏幕快照 2015-11-11 17.21.58.png

    首先:label的frame,文本,想要在数字两侧添加多少个空格,字号,想要的数字颜色,行距。

    然后就是机械的赋值(都不想展示这一步。。)

    屏幕快照 2015-11-11 17.24.48.png

    嘿,看到那个方法了吗?那可是核心的东西。

    具体的代码我就不截图了,说重点,整体的思路:

    1、设置文本的行距

    2、查找文本中的数字

    3、将查找到的数字变颜色,并存储数字的首末index,如果上一个字符是文本,则纪录出现数字的index,如果下一个字符是文本,纪录出现文本的index,这样根据index对字符串一截取就是数字了。

    4、当我们得到所有的index之后,我们倒序取index,在index前插入空格字符。倒序是为了使我们插入了字符串后,不影响前面的index。

    5、然后就是计算文本的高度,调整label的frame

    6、实现最终的效果

    然后就是效果了:

    屏幕快照 2015-11-12 09.12.24.png

    我一开始虽然设置label的frame的高度是50,但是,我实际显示的高度是140,是因为我后期调整了。

    哈哈,结果是不是很赞呢~~

    算了,防止以后不记得了,我还是把方法截图了:

    屏幕快照 2015-11-12 09.22.01.png 屏幕快照 2015-11-12 09.22.31.png 屏幕快照 2015-11-12 09.22.56.png 屏幕快照 2015-11-12 09.23.18.png

    第162行的方法,是计算带有空格和行间距的高度的方法:

    屏幕快照 2015-11-12 09.27.56.png

    加油!

    相关文章

      网友评论

        本文标题:2015笔记——定制label

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