ios 文字自适应,随文字增多,高度变化

ios 文字自适应,随文字增多,高度变化,第1张

前言:我们在做开发时,有时候lable的文字多少,并不是我们确定的,这个时候就需要lable的大小随文字的变化而变化。一般都是宽度固定,让高度发生变化。下面介绍几种方法,和其中有可能出现的问题。

1:使用lable的 sizeToFit方法,

sizeToFit会自动根据文字的多少来改变宽度和高度,需要注意的是:在初始化lable时,需要先设置frame大小。然后赋值text。虽然sizeToFit会最终改变lable的宽度和高度,但不会改变lable的居左和居上的大小,即frame里的X,Y的参数。而且lable的宽度改变的很小。比如你设的lable的宽度是300,sizeToFit以后宽度会变280(这个只是估算,具体以实际大小为准。)相当于高度的变化,宽度就变得小了。如果你不设置lable的宽度,sizeToFit后宽度就随机的,具体看下面的示例:

 UILabel *testLabel = [[UILabel alloc] initWithFrame:CGRectMake(10, 100, 50, 20)];
   testLabel.text = @"weIU让我以任务女包女包\n二次不能不能传:\n1.的我我以为要问问嗯嗯非常丰富股份。\n2.问问无诶无诶无诶无诶weuwieuwieuwieuwieuwie任务和维护 问问偶尔";
   testLabel.font = [UIFont systemFontOfSize:14];
   //   testLabel.textAlignment=NSTextAlignmentCenter;
   testLabel.numberOfLines = 0;
   [testLabel sizeToFit];
   testLabel.textColor=[UIColor blackColor];
   testLabel.backgroundColor=[UIColor yellowColor];
   [self.view addSubview:testLabel];

sizeToFit是用范围很广,即使设置lable行距间距等等属性,也是可以正常展示的。

2:使用sizeThatFits方法

sizeThatFits和sizeToFit都可以实现文字自适应。区别在于sizeToFit会自动改变lable的大小,但sizeThatFits不会改变lable的size大小,这个只是计算出最优的 size 大小,如果想lable大小改变,需要重新赋值frame。

 UILabel *testLabel = [[UILabel alloc] initWithFrame:CGRectMake(10, 100, 300, 20)];
   testLabel.text = @"weIU让我以任务女包女包\n二次不能不能传:\n1.的我我以为要问问嗯嗯非常丰富股份。\n2.问问无诶无诶无诶无诶weuwieuwieuwieuwieuwie任务和维护 问问偶尔";
   testLabel.font = [UIFont systemFontOfSize:14];
   //   testLabel.textAlignment=NSTextAlignmentCenter;
   testLabel.numberOfLines = 0;
   
   //使用sizeThatFit计算lable大小
   CGSize sizeThatFit = [testLabel sizeThatFits:CGSizeMake(200, 200)];
   testLabel.frame    = CGRectMake(testLabel.frame.origin.x, testLabel.frame.origin.y, sizeThatFit.width, sizeThatFit.height);
   
   testLabel.textColor=[UIColor blackColor];
   testLabel.backgroundColor=[UIColor yellowColor];
   [self.view addSubview:testLabel];

注意:重新设置frame是最好以计算出来的size来赋值(这样的话,sizeThatFits后面的参数宽度和最终lable展示的宽度就相差不大的。但这个宽度不能超出屏幕外,否则超出屏幕外的文字会看不见的)。高度可以随便写,lable的高度最终是以文字的多少而定的。使用sizeThatFits方法时,在初始化lable的时候可以不用写frame的,可以在sizeThatFits方法后面重新赋值frame(我这里初始化的时候赋值了frame,所以重新赋值的时候,x,y的值我直接取了之前的testLabel.frame.origin.x和testLabel.frame.origin.y)。

3:使用boundingRectWithSize方法

boundingRectWithSize和sizeThatFits很类似,也是重新计算出size,不过比sizeThatFits多了几个参数。

UILabel *testLabel = [[UILabel alloc] initWithFrame:CGRectMake(10, 100, 300, 20)];
   testLabel.text = @"weIU让我以任务女包女包\n二次不能不能传:\n\r1.的我我以为要问问嗯嗯非常丰富股份。\n\r2.问问无诶无诶无诶无诶weuwieuwieuwieuwieuwie任务和维护 问问偶尔";
   testLabel.font = [UIFont systemFontOfSize:14];
   testLabel.numberOfLines = 0;
   CGSize s = [testLabel.text boundingRectWithSize:CGSizeMake(320, MAXFLOAT) options:NSStringDrawingUsesLineFragmentOrigin  attributes:@{NSFontAttributeName:testLabel.font} context:nil].size;//求文本的大小
   // 并不是高度计算不对,我估计是计算出来的数据是 小数,在应用到布局的时候稍微差一点点就不能保证按照计算时那样排列,所以为了确保布局按照我们计算的数据来,就在原来计算的基础上 取ceil值,再加1;
   CGFloat height = ceil(s.height) + 1;
   testLabel.frame    = CGRectMake(testLabel.frame.origin.x, testLabel.frame.origin.y, s.width, height);
   
   testLabel.textColor=[UIColor blackColor];
   testLabel.backgroundColor=[UIColor yellowColor];
   [self.view addSubview:testLabel];

在使用boundingRectWithSize计算高度时,有时候不准确,需要注意一下几点

有部分说文字里带有\r\n这些转义字符,导致不准确。我自己实验下,如果boundingRectWithSize方法里的参数attributes只设置了字体大小(这个字体大小一定取lable的字体大小,如果2个不一样也会计算错误),这些转义字符不影响的boundingRectWithSize里的参数size里的宽度你设置后,最后lable的宽度也取得这个值,但实际上lable的宽度比这个值要小一些,但不影响整体布局,如果影响了,你们可以通过打印看看宽度最终是多少,适当修改size的宽度的大小。size的高度尽量写大些,如果你的文字高度大于你写的这个高度,文字也会以你写的高度来布局,并不会自动增加高度。有部分人说,不准确可以修改boundingRectWithSize里的options这个参数,设置为NSStringDrawingUsesLineFragmentOrigin | NSStringDrawingUsesFontLeading,但swift好像不能这么写的。在boundingRectWithSize方法里的参数attributes里我不仅设置了字体,还设置了行距,首位缩进,字体间距等等。这样计算的高度总是少了一行(这个问题是我写的遇到的,不知道是真的有问题,还是我计算错误,暂时还没解决,如果有知道原因的,欢迎下方评论) 关于boundingRectWithSize计算高度不准确的解决方法

<1> 使用前2个方法来适配文字。
<2> 使用UITextView代替lable。使用方法如下:

 UITextView *ysTextView = [[UITextView alloc] initWithFrame:CGRectMake(20, 100, 300, 10)];
   ysTextView.text = @"我原以为的以为,那些苍老的画面\r\n都终将会老去,走吧\r\n走吧\r\n我的血和汗\r\n
\r\n某天,我听你说着\r\n看遍千山万水\r\n开心的如此忘杯"
; // 可以将标签 ,进行转换 // NSString*ysStr =[ysTextView.text stringByReplacingOccurrencesOfString:@"
" withString:@"\r\n"];
ysTextView.font = [UIFont systemFontOfSize:14]; ysTextView.backgroundColor = [UIColor orangeColor]; ysTextView.textContainerInset = UIEdgeInsetsZero; ysTextView.textContainer.lineFragmentPadding = 0; ysTextView.scrollEnabled = NO;//当文字超过视图的边框时是否允许滑动,默认为"YES" ysTextView.editable = NO;//是否允许编辑内容,默认为"YES" [self.view addSubview:ysTextView]; CGFloat height=[(NSString *)ysTextView.text boundingRectWithSize:CGSizeMake(ysTextView.frame.size.width,CGFLOAT_MAX) options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName:ysTextView.font} context:nil].size.height; CGRect textViewFrame = ysTextView.frame; textViewFrame.size.height = height; ysTextView.frame = textViewFrame;

上面UItextview方法是引用的别人的,详细的在这里 如何处理有换行的字符串,算高度.
如果有什么问题,欢迎下面评论指正。
参考链接:
如何处理有换行的字符串,算高度.
iOS 使用 boundingRectWithSize: 计算 UILabel 高度错误的解决方案
使用boundingRectWithSize计算内容高度的坑

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/997064.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-21
下一篇 2022-05-21

发表评论

登录后才能评论

评论列表(0条)

保存