哈哈,花了两天时间,做出来的效果中,我最满意的莫过于这个效果:定制我自己想要的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加油!
网友评论