Core Text在绘制的时候碰到行间距问题的原因及解决办法
扫描二维码
随时随地手机看文章
实在受不了目前没有一个比较完善的库来解决@人名、链接及表情的混排问题。
fork了一下TTTAttributedLabel修改了一下https://github.com/qdvictory/TTTAttributedLabel
pull回去已经被commit了,可以直接查看https://github.com/mattt/TTTAttributedLabel
在解释原因之前,需要先提出几个属性。
CLLine CTLineGetTypographicBounds 取出的 ascent descent leading
UIFont 取出的lineHeight descender ascender leading 特别提一下,descender为负值,ascender为正值
关于相关的属性解释,用一张图来展示
在Core Text中,UIFont及CLLineRef都会有一套自己的间距数据。问题就出在了CLLine上。
利用CTLineGetTypographicBounds取出的descender、ascender、leading会根据当前行里面含有字符计算出来。当此行中含有emoji或中英文之后,计算出来的数值必然与其它行有出入,出现行距不统一的问题。
我们要做的就是要将每行重新对齐。
设想一下CLLine每行都有一条基线,如果让每行都以底对齐,那么就是在CLLine的绘制原点减去descent,此时当前行就为底对齐。
接下来的问题又出现了,如果只是单纯这样操作的话,(因为进行了坐标转换)每行都会下降n像素,肯定会超出label的下范围,所以我们需要再给他一个下行的距离,而这个距离最理想的数值就是font.descender。
因而就有了代码
CGContextSetTextPosition(c, lineOrigin.x, lineOrigin.y-descent-self.font.descender);
由此我们的目的就达到了,同时也希望以后遇到此问题的人有些参考。
附2张效果图。
默认情况下
修改之后