`
iaiai
  • 浏览: 2135767 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

IOS下 UILabel 如何自动换行并计算高度

 
阅读更多
背景:
相信很多朋友都遇到过,文本的内容长度不一,需要根据内容的多少来自动换行处理。
场景:
很多APP中评论,有的评论长,有的评论短,有的一行,有的多行。

下面以评论的实现为例来说说具体如何实现。

技术点:
UILabel的自动换行,自动换行的同时要自适应Frame大小。
UITableView的行高自适应内容,实时调整高度。
实现方法:
UILabel的自动换行
  • 获取UILabel的frame大小
  • 获取UILabel的字体大小
  • 获取UILabel的文本内容
  • 根据上面的3部分数据,计算文本显示区域大小
  • 根据4计算的大小,实时改变UILabel的frame

code如下:
NSString * labelStr = @“你好,这是UILabel的自动换行测试内容,主要实现多行数据的自动换行,自适应不同行数的数据”;
    CGSize labelSize = {0, 0};
    labelSize = [labelStr sizeWithFont:[UIFont systemFontOfSize:14]
                        constrainedToSize:CGSizeMake(200.0, 5000)
                            lineBreakMode:UILineBreakModeWordWrap];

//14 为UILabel的字体大小

//200为UILabel的宽度,5000是预设的一个高度,表示在这个范围内


    label.numberOfLines = 0;//表示label可以多行显示

    label.lineBreakMode = UILineBreakModeCharacterWrap;//换行模式,与上面的计算保持一致。

    label.frame = CGRectMake(label.frame.origin.x, label.frame.origin.y, label.frame.size.width, labelSize.height);//保持原来Label的位置和宽度,只是改变高度。

UITableView的行高自适应内容
这个和上面的类似,直接上Code:
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
 NSString * labelStr = @“你好,这是UILabel的自动换行测试内容,主要实现多行数据的自动换行,自适应不同行数的数据”;

 CGSize labelSize = {0, 0};
 labelSize = [labelStr sizeWithFont:[UIFont systemFontOfSize:14]
  constrainedToSize:CGSizeMake(200.0, 5000)
  lineBreakMode:UILineBreakModeWordWrap];

 //14 为UILabel的字体大小
 //200为UILabel的宽度,5000是预设的一个高度,表示在这个范围内
 return labelSize.height + delta;

 //delta 是Cell除了自适应控件UILabel外的其它控件所占的高度。
}
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics