How to calculate UILabel height dynamically

Question

I want to calculate number of lines and height of UILabel dynamically from given text for same

User · Answer

Calling -sizeToFit on UILabel instance will automatically resize it to fit text it displays  no calculating required  If you need the size  you can get it from label s frame property after that   label numberOfLines   0     allows label to have as many lines as needed label text     some long text    label sizeToFit   NSLog   Label s frame is       NSStringFromCGRect label frame

User · Answer

Try this     UILabel  myLabel   CGSize labelSize    myLabel text sizeWithFont myLabel font                              constrainedToSize myLabel frame size                                  lineBreakMode NSLineBreakByWordWrapping    CGFloat labelHeight   labelSize height    int lines    myLabel text sizeWithFont myLabel font                       constrainedToSize myLabel frame size                           lineBreakMode NSLineBreakByWordWrapping  height 16                    16  is font size   or  int lines   labelHeight 16   NSLog   lines count    i  n n  lines       or   int lines    myLabel text sizeWithFont myLabel font                       constrainedToSize myLabel frame size                           lineBreakMode UILineBreakModeWordWrap  height  myLabel font pointSize    fetching font size from font   By Using Categories  Just Create the category class named as   UILabel UILabelDynamicHeight h  UILabel UILabelDynamicHeight m  No more tension about the height calculation  Please review the below implementation   Updates for iOS7  amp  Above iOS 7 below   Dynamically calculate the UILabel height   define SYSTEM VERSION EQUAL TO v                       UIDevice currentDevice  systemVersion  compare v options NSNumericSearch     NSOrderedSame   define SYSTEM VERSION GREATER THAN v                   UIDevice currentDevice  systemVersion  compare v options NSNumericSearch     NSOrderedDescending   define SYSTEM VERSION GREATER THAN OR EQUAL TO v       UIDevice currentDevice  systemVersion  compare v options NSNumericSearch     NSOrderedAscending   define SYSTEM VERSION LESS THAN v                      UIDevice currentDevice  systemVersion  compare v options NSNumericSearch     NSOrderedAscending   define SYSTEM VERSION LESS THAN OR EQUAL TO v          UIDevice currentDevice  systemVersion  compare v options NSNumericSearch     NSOrderedDescending   define iOS7 0   7 0    UILabel UILabelDynamicHeight h   import  lt UIKit UIKit h gt   interface UILabel  UILabelDynamicHeight    pragma mark - Calculate the size the Multi line Label                                                                                  Calculate the size of the Multi line Label                                                                                      Returns the size of the Label         param aLabel To be used to calculte the height         return size of the Label      - CGSize sizeOfMultiLineLabel    end   UILabel UILabelDynamicHeight m   import  UILabel UILabelDynamicHeight h   implementation UILabel  UILabelDynamicHeight     pragma mark - Calculate the size bounds frame of the Multi line Label                                                                              Calculate the size bounds frame of the Multi line Label                                                                                      Returns the size of the Label         param aLabel To be used to calculte the height         return size of the Label     - CGSize sizeOfMultiLineLabel         Label text     NSString  aLabelTextString    self text          Label font     UIFont  aLabelFont    self font          Width of the Label     CGFloat aLabelSizeWidth   self frame size width        if  SYSTEM VERSION LESS THAN iOS7 0               version  lt  7 0          return  aLabelTextString sizeWithFont aLabelFont                             constrainedToSize CGSizeMake aLabelSizeWidth  MAXFLOAT                                  lineBreakMode NSLineBreakByWordWrapping             else if  SYSTEM VERSION GREATER THAN OR EQUAL TO iOS7 0               version  gt   7 0            Return the calculated size of the Label         return  aLabelTextString boundingRectWithSize CGSizeMake aLabelSizeWidth  MAXFLOAT                                                options NSStringDrawingUsesLineFragmentOrigin                                            attributes                                                            NSFontAttributeName   aLabelFont                                                                                                         context nil  size              return  self bounds  size      end

User · Answer

You need to create an extension of String and call this method  func height withConstrainedWidth width  CGFloat  font  UIFont  - gt  CGFloat       let constraintRect   CGSize width  width  height   greatestFiniteMagnitude      let boundingBox   self boundingRect with  constraintRect  options   usesLineFragmentOrigin  attributes   NSFontAttributeName  font   context  nil      return ceil boundingBox height      You must send the width of your label

User · Answer

In my case  I was using a fixed size header for each section but with a dynamically cell size in each header  The cell s height  depends on the label s height   Working with   tableView estimatedRowHeight   SomeNumber tableView rowHeight   UITableViewAutomaticDimension   Works but when using   tableView reloadSections IndexSet integer  sender tag    with   automatic    when a lot of headers are not collapsed  creates a lot of bugs such as header duplication  header type x below the same type  and weird animations when the framework reloads with animation  even when using with type  none  FYI  a fixed header height and cell height works    The solution is making the use of heightForRowAt callback and calculate the height of the label by your self  plus the animation looks a lot better   Remember that the height is being called first   func tableView   tableView  UITableView  heightForRowAt indexPath  IndexPath  - gt  CGFloat       let object   dataDetailsController getRowObject forIndexPath  indexPath      let label   UILabel frame  tableView frame      let font   UIFont name   HelveticaNeue-Bold   size  25      label text   object  name     label font   font     label numberOfLines   0     label textAlignment    center     label sizeToFit       let size   label frame height     return Float size     0   34   size

User · Answer

To get height for the NSAttributedString use this function below  Where width - the width of your UILabel or UITextView  func getHeight for attributedString  NSAttributedString  font  UIFont  width  CGFloat  - gt  CGFloat       let textStorage   NSTextStorage attributedString  attributedString      let textContainter   NSTextContainer size  CGSize width  width  height  CGFloat greatestFiniteMagnitude       let layoutManager   NSLayoutManager       layoutManager addTextContainer textContainter      textStorage addLayoutManager layoutManager      textStorage addAttribute NSAttributedString Key font  value  font  range  NSMakeRange 0  textStorage length       textContainter lineFragmentPadding   0 0     layoutManager glyphRange for  textContainter      return layoutManager usedRect for  textContainter  size height     To get height for String use this function  It is almost identical like the previous method   func getHeight for string  String  font  UIFont  width  CGFloat  - gt  CGFloat       let textStorage   NSTextStorage string  string      let textContainter   NSTextContainer size  CGSize width  width  height  CGFloat greatestFiniteMagnitude       let layoutManager   NSLayoutManager       layoutManager addTextContainer textContainter      textStorage addLayoutManager layoutManager      textStorage addAttribute NSAttributedString Key font  value  font  range  NSMakeRange 0  textStorage length       textContainter lineFragmentPadding   0 0     layoutManager glyphRange for  textContainter      return layoutManager usedRect for  textContainter  size height

User · Answer

To summarize  you can calculate the height of a label by using its string and calling boundingRectWithSize  You must provide the font as an attribute  and include  usesLineFragmentOrigin for multi-line labels   let labelWidth   label frame width let maxLabelSize   CGSize width  labelWidth  height  CGFloat greatestFiniteMagnitude  let actualLabelSize   label text  boundingRect with  maxLabelSize  options    usesLineFragmentOrigin   attributes    font  label font   context  nil  let labelHeight   actualLabelSize height withWidth labelWidth    Some extensions to do just that   Swift Version   extension UILabel       func textHeight withWidth width  CGFloat  - gt  CGFloat           guard let text   text else               return 0                   return text height withWidth  width  font  font             func attributedTextHeight withWidth width  CGFloat  - gt  CGFloat           guard let attributedText   attributedText else               return 0                   return attributedText height withWidth  width           extension String       func height withWidth width  CGFloat  font  UIFont  - gt  CGFloat           let maxSize   CGSize width  width  height  CGFloat greatestFiniteMagnitude          let actualSize   self boundingRect with  maxSize  options    usesLineFragmentOrigin   attributes    font   font   context  nil          return actualSize height          extension NSAttributedString       func height withWidth width  CGFloat  - gt  CGFloat           let maxSize   CGSize width  width  height  CGFloat greatestFiniteMagnitude          let actualSize   boundingRect with  maxSize  options    usesLineFragmentOrigin   context  nil          return actualSize height           Objective-C Version   UILabel Utility h   import  lt UIKit UIKit h gt   interface UILabel  Utility  -  CGFloat textHeightForWidth  CGFloat width  -  CGFloat attributedTextHeightForWidth  CGFloat width   end   UILabel Utility m   implementation NSString  Utility  -  CGFloat heightForWidth  CGFloat width font  UIFont   font       CGSize maxSize   CGSizeMake width  CGFLOAT MAX       CGSize actualSize    self boundingRectWithSize maxSize options NSStringDrawingUsesLineFragmentOrigin attributes   NSFontAttributeName   font  context nil  size      return actualSize height     end   implementation NSAttributedString  Utility  -  CGFloat heightForWidth  CGFloat width       CGSize maxSize   CGSizeMake width  CGFLOAT MAX       CGSize actualSize    self boundingRectWithSize maxSize options NSStringDrawingUsesLineFragmentOrigin context nil  size      return actualSize height     end   implementation UILabel  Utility  -  CGFloat textHeightForWidth  CGFloat width       return  self text heightForWidth width font self font     -  CGFloat attributedTextHeightForWidth  CGFloat width       return  self attributedText heightForWidth width      end

User · Answer

If you are using a UILabel with attributes  you can try the method textRect forBounds limitedToNumberOfLines    This is my example    let label   UILabel frame  CGRect x  0  y  0  width  100  height  30   label numberOfLines   0 label text    Learn how to use RxSwift and RxCocoa to write applications that can react to changes in your underlying data without you telling it to do so    let rectOfLabel   label textRect forBounds  CGRect x  0  y  0  width  100  height  CGFloat greatestFiniteMagnitude   limitedToNumberOfLines  0  let rectOfLabelOneLine   label textRect forBounds  CGRect x  0  y  0  width  100  height  CGFloat greatestFiniteMagnitude   limitedToNumberOfLines  1  let heightOfLabel   rectOfLabel height let heightOfLine   rectOfLabelOneLine height let numberOfLines   Int heightOfLabel   heightOfLine    And my results on the Playground

User · Answer

Copy  amp  paste this method  amp  used It like    lblText setFrame CGRectMake lblText frame origin x  lblText frame origin y  width   self getLabelHeight lblText       -  CGFloat getLabelHeight  UILabel  label               CGSize constraint   CGSizeMake label frame size width  CGFLOAT MAX           CGSize size           NSStringDrawingContext  context     NSStringDrawingContext alloc  init           CGSize boundingBox    label text boundingRectWithSize constraint                                                       options NSStringDrawingUsesLineFragmentOrigin                                                    attributes   NSFontAttributeName label font                                                        context context  size           size   CGSizeMake ceil boundingBox width   ceil boundingBox height             return size height

User · Answer

The current solution has been deprecated as of iOS 7   Here is an updated solution      CGFloat heightOfCellWithIngredientLine  NSString   ingredientLine                        withSuperviewWidth  CGFloat superviewWidth       CGFloat labelWidth                    superviewWidth - 30 0f            use the known label width with a maximum height of 100 points     CGSize labelContraints                CGSizeMake labelWidth  100 0f        NSStringDrawingContext  context         NSStringDrawingContext alloc  init        CGRect labelRect                       ingredientLine boundingRectWithSize labelContraints                                                         options NSStringDrawingUsesLineFragmentOrigin                                                      attributes nil                                                         context context              return the calculated required height of the cell considering the label     return labelRect size height      The reason that my solution is set up like this is because I am using a UITableViewCell and resizing the cell dynamically relative to how much room the label will take up

User · Answer

CGSize maxSize   CGSizeMake lbl frame size width  CGFLOAT MAX   CGSize requiredSize    lbl sizeThatFits maxSize   CGFloat height requiredSize height

User · Answer

if you want the label to take dynamic lines you may use this   label numberOfLines   0     allows label to have as many lines as needed label text     some long text     label sizeToFit   NSLog   Label s frame is       NSStringFromCGRect label frame

User · Answer

To make UILabel fit the dynamic content you can use lines property in property inspector and set that as 0   And you don t require to do any coding for this   For more details you can check below demonstration video   https   www youtube com watch v rVeDS OGslU

User · Answer

This is the extension I use for calculating multiline UILabel heights  it s an adjusted snippet from a previous stack overflow post   extension UILabel       func estimatedHeight forWidth  CGFloat  text  String  ofSize  CGFloat  - gt  CGFloat            let size   CGSize width  forWidth  height  CGFloat MAXFLOAT            let options   NSStringDrawingOptions usesFontLeading union  usesLineFragmentOrigin           let attributes    NSFontAttributeName  UIFont systemFont ofSize  ofSize            let rectangleHeight   String text  boundingRect with  size  options  options  attributes  attributes  context  nil  height          return ceil rectangleHeight

User · Answer

Without calling sizeToFit  you can do this all numerically with a very plug and play solution      CGFloat heightForText  NSString  text font  UIFont  font withinWidth  CGFloat width       CGSize size    text sizeWithAttributes   NSFontAttributeName font        CGFloat area   size height   size width      CGFloat height   roundf area   width       return ceilf height   font lineHeight    font lineHeight      I use it a lot for UITableViewCells that have dynamically allocated heights   Solves the attributes problem as well  Salman Zaidi

[iphone] How to calculate UILabel height dynamically?

Examples related to iphone

Examples related to ios

Examples related to label

Examples related to uilabel