美文网首页
UILabel高度设置-----一个很多人都会踩的坑

UILabel高度设置-----一个很多人都会踩的坑

作者: 难却却 | 来源:发表于2017-03-17 17:25 被阅读453次

转自MrPeak MrPeak杂货铺    UILabel的高度设置

一个很严肃的问题,平常你是怎么设置UILabel的高度的?

我见过不少如下普遍的写法:

UILabel *lb = [UILabel new];

lb.text = @"gyjq";

lb.font = [UIFont systemFontOfSize:30];

lb.backgroundColor = [UIColor clearColor];

[self.view addSubview:lb];

lb.frame = CGRectMake(10, 100, 200, 30);

上面的代码你能看出有什么问题吗?

如果将上述代码在真机上运行,得到如下的展示效果:

上图中四个字母底部都被“截”掉了一小部分,如果内容是其他英文字母则展示正常,g,y,j,q这四个字母则会被截掉,但是如果文本是中英文混排结果又是正常的。

我平时使用App时,在不少App界面当中都发现过被截取的情况。

问题出在于UILabel的Frame高度不能简单的和字体的高度等同,UILabel在不同的字体设置下,对Frame的高度要求也不一样,大多数情况下都比Font的高度设置要高一些。

当然我们可以使用其他API来获取正确的UILabel高度:

//方法一

CGSize suggestedSize = [lb sizeThatFits:CGSizeMake(200, 30)];

//方法二

[lb sizeToFit];

//方法三

NSString* text = @"gyjq";

CGSize labelSize = [text sizeWithFont:lb.font

constrainedToSize:CGSizeMake(200.f, MAXFLOAT)

lineBreakMode:NSLineBreakByWordWrapping];

//方法四

CGSize size = [text sizeWithAttributes:@{ NSFontAttributeName: lb.font }];

CGRect frame = lb.frame;

frame.size.width = size.width;

frame.size.height = size.height;

lb.frame = frame;

上面四种方式获取到的size都能正确展示所有的文本内容,但size里的height却不尽相同。

第一和第二种方式下,如果设置字体大小为30,则结果为:

(width = 57, height = 36)

第三第四种方式得到的结果则是:

(width = 56.8652344, height = 35.8007813)

而且字体大小不同,超出字体高度的额外空间也不同:

比如font size为13时,算出高度为16,font size为20时,算出高度为24,所以平常设置UILabel高度的时候,也不能简单的在font height基础之上加随意值。

我平常浏览网页的时候,发现web端也有同样的问题,比如web版知乎个人签名档里的label展示:

字母g同样被截断了。

我猜测其原因都是因为,文本渲染引擎在渲染一行文本的时候都需要在label的顶部和底部预留一小部分空间,应该是出于排版美观方面的考量。

相关文章

网友评论

      本文标题:UILabel高度设置-----一个很多人都会踩的坑

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