2015技术笔记

2015笔记——定制label

2018-07-27  本文已影响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

加油!

上一篇 下一篇

猜你喜欢

热点阅读