码迷,mamicode.com
首页 > 其他好文 > 详细

UILabel自动换行

时间:2014-12-17 10:45:05      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:style   ar   color   os   sp   for   on   数据   div   

背景:

相信很多朋友都遇到过,文本的内容长度不一,需要根据内容的多少来自动换行处理。
场景:
很多APP中评论,有的评论长,有的评论短,有的一行,有的多行。
 
下面以评论的实现为例来说说具体如何实现。
 
技术点:
  1. UILabel的自动换行,自动换行的同时要自适应Frame大小。
  2. UITableView的行高自适应内容,实时调整高度。
实现方法:
  • UILabel的自动换行
    1. 获取UILabel的frame大小
    2. 获取UILabel的字体大小
    3. 获取UILabel的文本内容
    4. 根据上面的3部分数据,计算文本显示区域大小
    5. 根据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外的其它控件所占的高度。

 

}

 

 

小结:实现上面2个技术点后,评论相关的APP或者类似的APP都可以做到自适应内容,根据内容多少自动换行,自动调整控件的位置和大小,达到最优的显示效果。

UILabel自动换行

标签:style   ar   color   os   sp   for   on   数据   div   

原文地址:http://www.cnblogs.com/mybelief/p/4168776.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!