IOS下 UILabel 如何自動換行

轉自:http://zasoft.blog.163.com/blog/static/205215176201301414915700/測試

背景:字體

相信不少朋友都遇到過,文本的內容長度不一,須要根據內容的多少來自動換行處理。
場景:
不少APP中評論,有的評論長,有的評論短,有的一行,有的多行。
 
下面以評論的實現爲例來講說具體如何實現。
 
技術點:
  1. UILabel的自動換行,自動換行的同時要自適應Frame大小。
  2. UITableView的行高自適應內容,實時調整高度。
實現方法:
  • UILabel的自動換行
  1. 獲取UILabel的frame大小
  2. 獲取UILabel的字體大小
  3. 獲取UILabel的文本內容
  4. 根據上面的3部分數據,計算文本顯示區域大小
  5. 根據4計算的大小,實時改變UILabel的frame
code以下:

 

  NSString* labelStr =@「你好,這是UILabel的自動換行測試內容,主要實現多行數據的自動換行,自適應不一樣行數的數據」;spa

    CGSize labelSize ={0,0};3d

    labelSize=[labelStrsizeWithFont:[UIFontsystemFontOfSize:14]code

                        constrainedToSize:CGSizeMake(200.0,5000)orm

                            lineBreakMode:UILineBreakModeWordWrap];blog

//14 爲UILabel的字體大小get

//200爲UILabel的寬度,5000是預設的一個高度,表示在這個範圍內it

 

 

label.numberOfLines=0;//表示label能夠多行顯示table

    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=[labelStrsizeWithFont:[UIFontsystemFontOfSize:14]

constrainedToSize:CGSizeMake(200.0,5000)

lineBreakMode:UILineBreakModeWordWrap];

//14 爲UILabel的字體大小

//200爲UILabel的寬度,5000是預設的一個高度,表示在這個範圍內


returnlabelSize.height + delta;

//delta 是Cell除了自適應控件UILabel外的其它控件所佔的高度。


}

 

 

小結:實現上面2個技術點後,評論相關的APP或者相似的APP均可以作到自適應內容,根據內容多少自動換行,自動調整控件的位置和大小,達到最優的顯示效果。

相關文章
相關標籤/搜索