How do I size a UITextView to its content

Question

Is there a good way to adjust the size of a UITextView to conform to its content  Say for instance I have a UITextView that contains one line of text    Hello world    I then add another line of text    Goodbye world    Is there a good way in Cocoa Touch to get the rect that will hold all of the lines in the text view so that I can adjust the parent view accordingly   As another example  look at the notes  field for events in the Calendar application - note how the cell  and the UITextView it contains  expands to hold all lines of text in the notes  string

User · Answer

The simplest solution that worked for me was to put a height constraint on the textView in the Storyboard, then connect the textView and height constraint to the code:

@IBOutlet var myAwesomeTextView: UITextView!
@IBOutlet var myAwesomeTextViewHeight: NSLayoutConstraint!

Then after setting the text and paragraph styles, add this in viewDidAppear:

self.myAwesomeTextViewHeight.constant = self.myAwesomeTextView.contentSize.height

Some notes:

In contrast to other solutions, isScrollEnabled must to be set to true in order for this to work.
In my case, I was setting custom attributes to the font inside the code, therefore I had to set the height in viewDidAppear (it wouldn't work properly before that). If you aren't changing any text attributes in code, you should be able to set the height in viewDidLoad or anywhere after setting the text.

User · Answer

Swift answer  The following code computes the height of your textView                     let maximumLabelSize   CGSize width  Double textView frame size width-100 0   height  DBL MAX                  let options   NSStringDrawingOptions TruncatesLastVisibleLine   NSStringDrawingOptions UsesLineFragmentOrigin                 let attribute    NSFontAttributeName  textView font                   let str   NSString string  message                  let labelBounds   str boundingRectWithSize maximumLabelSize                      options  NSStringDrawingOptions UsesLineFragmentOrigin                      attributes  attribute                      context  nil                  let myTextHeight   CGFloat ceilf Float labelBounds height      Now you can set the height of your textView to myTextHeight

User · Answer

In my  limited  experience    -  CGSize sizeWithFont  UIFont   font forWidth  CGFloat width lineBreakMode  UILineBreakMode lineBreakMode   does not respect newline characters  so you can end up with a lot shorter CGSize than is actually required   -  CGSize sizeWithFont  UIFont   font constrainedToSize  CGSize size   does seem to respect the newlines   Also  the text isn t actually rendered at the top of the UITextView   In my code  I set the new height of the UITextView to be 24 pixels larger than the height returned by the sizeOfFont methods

User · Answer

Not sure why people always over complicate things  here it is    -  void textViewDidChange  UITextView   textView  CGRect frame   textView frame  CGFloat height    self measureHeightOfUITextView textView   CGFloat insets   textView textContainerInset top   textView textContainerInset bottom  height    insets  frame size height   height   if frame size height  gt  textView frame size height       CGFloat diff   frame size height - textView frame size height      textView frame   CGRectMake 5  textView frame origin y - diff  textView frame size width  frame size height     else if frame size height  lt  textView frame size height       CGFloat diff   textView frame size height - frame size height      textView frame   CGRectMake 5  textView frame origin y   diff  textView frame size width  frame size height      textView setNeedsDisplay

User · Answer

Very easy working solution using code and storyboard both    By Code  textView scrollEnabled   false   By Storyboard  Uncheck the Scrolling Enable    No need to do anything apart of this

User · Answer

The only code that will work is the one that uses  SizeToFit  as in jhibberd answer above but actually it won t pick up unless you call it in ViewDidAppear or wire it to UITextView text changed event

User · Answer

For iOS 7 0  instead of setting the frame size height to the contentSize height  which currently does nothing  use  textView sizeToFit    See this question

User · Answer

It s quite easy with Key Value Observing  KVO   just create a subclass of UITextView and do   private func setup        Called from init or somewhere      fitToContentObservations             textView observe   contentSize         in             self invalidateIntrinsicContentSize                         For some reason the content offset sometimes is non zero even though the frame is the same size as the content size          textView observe   contentOffset         in             if self contentOffset     zero      Need to check this to stop infinite loop                 self contentOffset    zero                                 public override var intrinsicContentSize  CGSize       return contentSize     If you don t want to subclass you could try doing textView bounds   textView contentSize in the contentSize observer

User · Answer

Guys using autolayout and your sizetofit isn t working  then please check your width constraint once  If you had missed the width constraint then the height will be accurate   No need to use any other API  just one line would fix all the issue     textView sizeToFit     Here  I was only concerned with height  keeping the width fixed and had missed the width constraint of my TextView in storyboard   And this was to show up the dynamic content from the services   Hope this might help

User · Answer

To make a dynamically sizing UITextView inside a UITableViewCell  I found the following combination works in Xcode 6 with the iOS 8 SDK    Add a UITextView to a UITableViewCell and constrain it to the sides Set the UITextView s scrollEnabled property to NO  With scrolling enabled  the frame of the UITextView is independent of its content size  but with scrolling disabled  there is a relationship between the two  If your table is using the original default row height of 44 then it will automatically calculate row heights  but if you changed the default row height to something else  you may need to manually switch on auto-calculation of row heights in viewDidLoad   tableView estimatedRowHeight   150  tableView rowHeight   UITableViewAutomaticDimension     For read-only dynamically sizing UITextViews  that   s it  If you   re allowing users to edit the text in your UITextView  you also need to     Implement the textViewDidChange  method of the UITextViewDelegate protocol  and tell the tableView to repaint itself every time the text is edited   -  void textViewDidChange  UITextView   textView         tableView beginUpdates        tableView endUpdates      And don   t forget to set the UITextView delegate somewhere  either in Storyboard or in tableView cellForRowAtIndexPath

User · Answer

This works fine for Swift 5 in case you want to fit your TextView once user write text on the fly   Just implement UITextViewDelegate with   func textViewDidChange   textView  UITextView        let newSize   textView sizeThatFits CGSize width  CGFloat greatestFiniteMagnitude  height  CGFloat greatestFiniteMagnitude       textView frame size   CGSize width  newSize width  height  newSize height

User · Answer

I reviewed all the answers and all are keeping fixed width and adjust only height  If you wish to adjust also width you can very easily use this method   so when configuring your text view  set scroll disabled  textView isScrollEnabled   false   and then in delegate method func textViewDidChange   textView  UITextView  add this code   func textViewDidChange   textView  UITextView        let newSize   textView sizeThatFits CGSize width  CGFloat greatestFiniteMagnitude  height  CGFloat greatestFiniteMagnitude       textView frame   CGRect origin  textView frame origin  size  newSize      Outputs

User · Answer

This worked nicely when I needed to make text in a UITextView fit a specific area       The text must already be added to the subview  or contentviewsize will be wrong   -  void  reduceFontToFit   UITextView   tv       UIFont  font   tv font      double pointSize   font pointSize       while  tv contentSize height   tv frame size height    pointSize   7 0            pointSize -  1 0          UIFont  newFont    UIFont fontWithName font fontName size pointSize           tv font   newFont            if  pointSize    font pointSize          NSLog   font down to   1f from   1f   pointSize  tv font pointSize

User · Answer

here is the swift version of  jhibberd      let cell MsgTableViewCell    self tableView dequeueReusableCellWithIdentifier  MsgTableViewCell   forIndexPath  indexPath  as  MsgTableViewCell     cell msgText text   self items indexPath row      var fixedWidth CGFloat   cell msgText frame size width     var size CGSize   CGSize width  fixedWidth height  CGFloat max      var newSize CGSize   cell msgText sizeThatFits size      var newFrame CGRect   cell msgText frame      newFrame size   CGSizeMake CGFloat fmaxf Float newSize width   Float fixedWidth     newSize height       cell msgText frame   newFrame     cell msgText frame size   newSize             return cell

User · Answer

If you don t have the UITextView handy  for example  you re sizing table view cells   you ll have to calculate the size by measuring the string  then accounting for the 8 pt of padding on each side of a UITextView  For example  if you know the desired width of your text view and want to figure out the corresponding height   NSString   string        CGFloat textViewWidth        UIFont   font         CGSize size   CGSizeMake textViewWidth - 8 - 8  100000   size height    string sizeWithFont font constrainedToSize size  height   8   8    Here  each 8 is accounting for one of the four padded edges  and 100000 just serves as a very large maximum size   In practice  you may want to add an extra font leading to the height  this adds a blank line below your text  which may look better if there are visually heavy controls directly beneath the text view

User · Answer

The following things are enough    Just remember to set scrolling enabled to NO for your UITextView       Properly set Auto Layout Constraints    You may even use UITableViewAutomaticDimension

User · Answer

this method seems to work for ios7         Code from apple developer forum -  Steve Krulewitz   Mark Marszal   Eric Silverberg -  CGFloat measureHeight       if   self respondsToSelector  selector snapshotViewAfterScreenUpdates               CGRect frame   internalTextView bounds      CGSize fudgeFactor         The padding added around the text on iOS6 and iOS7 is different      fudgeFactor   CGSizeMake 10 0  16 0        frame size height -  fudgeFactor height      frame size width -  fudgeFactor width       NSMutableAttributedString  textToMeasure      if internalTextView attributedText  amp  amp  internalTextView attributedText length  gt  0           textToMeasure     NSMutableAttributedString alloc  initWithAttributedString internalTextView attributedText             else          textToMeasure     NSMutableAttributedString alloc  initWithString internalTextView text            textToMeasure addAttribute NSFontAttributeName value internalTextView font range NSMakeRange 0  textToMeasure length               if   textToMeasure string hasSuffix    n                   textToMeasure appendAttributedString   NSAttributedString alloc  initWithString   -  attributes   NSFontAttributeName  internalTextView font                   NSAttributedString class method  boundingRectWithSize options context is        available only on ios7 0 sdk      CGRect size    textToMeasure boundingRectWithSize CGSizeMake CGRectGetWidth frame   MAXFLOAT                                                options NSStringDrawingUsesLineFragmentOrigin                                               context nil        return CGRectGetHeight size    fudgeFactor height    else       return self internalTextView contentSize height

User · Answer

Here are the steps  Solution works on all versions of iOS  Swift 3 0 and above     Add your UITextView to the View  I m adding it with code  you can add via interface builder  Add constraints  I m adding the constraints in code  you can do it in interface builder as well  Use UITextViewDelegate method func textViewDidChange   textView  UITextView  to adjust the size of the TextView   Code        1  Add your UITextView in ViewDidLoad let textView   UITextView   textView frame   CGRect x  0  y  0  width  200  height  100  textView backgroundColor    lightGray textView text    Here is some default text        2  Add constraints textView translatesAutoresizingMaskIntoConstraints   false   textView bottomAnchor constraint equalTo  view safeAreaLayoutGuide bottomAnchor   textView leadingAnchor constraint equalTo  view leadingAnchor   textView trailingAnchor constraint equalTo  view trailingAnchor   textView heightAnchor constraint equalToConstant  50   textView widthAnchor constraint equalToConstant  30    forEach   0 isActive   true    textView font   UIFont preferredFont forTextStyle   headline   textView delegate   self textView isScrollEnabled   false  textViewDidChange textView      3  Implement the delegate method  func textViewDidChange   textView  UITextView    let size   CGSize width  view frame width  height   infinity  let estimatedSize   textView sizeThatFits size   textView constraints forEach    constraint  in     if constraint firstAttribute     height           print  Height     estimatedSize height          constraint constant   estimatedSize height

User · Answer

Using UITextViewDelegate is the easiest way   func textViewDidChange   textView  UITextView        textView sizeToFit       textviewHeight constant   textView contentSize height

User · Answer

Swift      textView sizeToFit

User · Answer

We can do it by constraints     Set Height constraints for UITextView     2 Create IBOutlet for that height constraint     property  weak  nonatomic  IBOutlet NSLayoutConstraint  txtheightconstraints    3 don t forget to set delegate for your textview   4   - void textViewDidChange  UITextView   textView       CGFloat fixedWidth   textView frame size width      CGSize newSize    textView sizeThatFits CGSizeMake fixedWidth  MAXFLOAT        CGRect newFrame   textView frame      newFrame size   CGSizeMake fmaxf newSize width  fixedWidth   newSize height       NSLog   this is updating height    NSStringFromCGSize newFrame size         UIView animateWithDuration 0 2 animations                       txtheightconstraints constant newFrame size height               then update your constraint like this

User · Answer

In iOS6  you can check the contentSize property of UITextView right after you set the text  In iOS7  this will no longer work  If you want to restore this behavior for iOS7  place the following code in a subclass of UITextView   -  void setText  NSString   text        super setText text        if  NSFoundationVersionNumber  gt  NSFoundationVersionNumber iOS 6 1            CGRect rect    self textContainer layoutManager usedRectForTextContainer self textContainer           UIEdgeInsets inset   self textContainerInset          self contentSize   UIEdgeInsetsInsetRect rect  inset  size

User · Answer

Based on Nikita Took s answer I came to the following solution in Swift which works on iOS 8 with autolayout       descriptionTxt scrollEnabled   false     descriptionTxt text   yourText      var contentSize   descriptionTxt sizeThatFits CGSizeMake descriptionTxt frame size width  CGFloat max       for c in descriptionTxt constraints             if c isKindOfClass NSLayoutConstraint                var constraint   c as  NSLayoutConstraint             if constraint firstAttribute    NSLayoutAttribute Height                   constraint constant   contentSize height                 break

User · Answer

if any other get here  this solution work for me  1 Ronnie Liew  4 user63934   My text arrive from web service     note the 1000  nothing can be so big  in my case    UIFont  fontNormal    UIFont fontWithName FONTNAME size FONTSIZE    NSString  dealDescription    client objectForKey   description       4 CGSize textSize    dealDescription sizeWithFont fontNormal constrainedToSize CGSizeMake containerUIView frame size width  1000     CGRect dealDescRect   CGRectMake 10  300  containerUIView frame size width  textSize height    UITextView  dealDesc      UITextView alloc  initWithFrame dealDescRect  autorelease    dealDesc text   dealDescription    add the subview to the container  containerUIView addSubview dealDesc      1  after adding the view CGRect frame   dealDesc frame  frame size height   dealDesc contentSize height  dealDesc frame   frame    And that is    Cheers

User · Answer

Starting with iOS 8  it is possible to use the auto layout features of a UITableView to automatically resize a UITextView with no custom code at all  I have put a project in github that demonstrates this in action  but here is the key    The UITextView must have scrolling disabled  which you can do programmatically or through the interface builder  It will not resize if scrolling is enabled because scrolling lets you view the larger content  In viewDidLoad for the UITableViewController  you must set a value for estimatedRowHeight and then set the rowHeight to UITableViewAutomaticDimension     -  void viewDidLoad        super viewDidLoad       self tableView estimatedRowHeight   self tableView rowHeight      self tableView rowHeight   UITableViewAutomaticDimension       The project deployment target must be iOS 8 or greater

User · Answer

This no longer works on iOS 7 or above  There is actually a very easy way to do resizing of the UITextView to its correct height of the content  It can be done using the UITextView contentSize    CGRect frame    textView frame  frame size height    textView contentSize height   textView frame   frame    One thing to note is that the correct contentSize is only available after the UITextView has been added to the view with addSubview  Prior to that it is equal to frame size  This will not work if auto layout is ON  With auto layout  the general approach is to use the sizeThatFits method and update the constant value on a height constraint   CGSize sizeThatShouldFitTheContent     textView sizeThatFits  textView frame size   heightConstraint constant   sizeThatShouldFitTheContent height    heightConstraint is a layout constraint that you typically setup via a IBOutlet by linking the property to the height constraint created in a storyboard     Just to add to this amazing answer  2014  if you    self textView sizeToFit     there is a difference in behaviour with the iPhone6  only     With the 6  only  not the 5s or 6  it does add  one more blank line  to the UITextView  The  RL solution  fixes this perfectly   CGRect  f   self mainPostText frame   f size height   self mainPostText contentSize height  self mainPostText frame    f    It fixes the  extra line  problem on 6

User · Answer

Hope this helps   -  void textViewDidChange  UITextView   textView     CGSize textSize   textview contentSize    if  textSize    textView frame size        textView frame size   textSize

User · Answer

The Best way which I found out to re-size the height of the UITextView according to the size of the text   CGSize textViewSize    YOURTEXTVIEW text sizeWithFont  UIFont fontWithName   SAMPLE FONT  size 14 0                         constrainedToSize CGSizeMake YOURTEXTVIEW frame size width  FLT MAX      or You can USE  CGSize textViewSize    YOURTEXTVIEW text sizeWithFont  UIFont fontWithName   SAMPLE FONT  size 14 0                         constrainedToSize CGSizeMake YOURTEXTVIEW frame size width  FLT MAX  lineBreakMode NSLineBreakByTruncatingTail

User · Answer

This works for both iOS 6 1 and iOS 7   -  void textViewDidChange  UITextView   textView       CGFloat fixedWidth   textView frame size width      CGSize newSize    textView sizeThatFits CGSizeMake fixedWidth  MAXFLOAT        CGRect newFrame   textView frame      newFrame size   CGSizeMake fmaxf newSize width  fixedWidth   newSize height       textView frame   newFrame      Or in Swift  Works with Swift 4 1 in iOS 11   let fixedWidth   textView frame size width let newSize   textView sizeThatFits CGSize width  fixedWidth  height  CGFloat greatestFiniteMagnitude   textView frame size   CGSize width  max newSize width  fixedWidth   height  newSize height    If you want support for iOS 6 1 then you should also   textview scrollEnabled   NO

User · Answer

Combined with Mike McMaster s answer  you might want to do something like    myTextView setDelegate  self         -  void textViewDidChange  UITextView   textView     if  myTextView    textView            it changed   Do resizing here

User · Answer

I found out a way to resize the height of a text field according to the text inside it and also arrange a label below it based on the height of the text field  Here is the code    UITextView   textView     UITextView alloc  initWithFrame CGRectMake 10  10  300  10    NSString  str     This is a test text view to check the auto increment of height of a text view  This is only a test  The real data is something different     textView text   str    self view addSubview  textView   CGRect frame    textView frame  frame size height    textView contentSize height   textView frame   frame   UILabel  lbl     UILabel alloc  initWithFrame CGRectMake 10  5   frame origin y   frame size height  300  20    lbl text     Hello     self view addSubview lbl

User · Answer

Works like a charm on ios 11 and I m working in a cell  like a chat cell with bubble   let content   UITextView frame  CGRect x  4  y  4  width  0  height  0   content text    what ever short or long text you wanna try  content textAlignment   NSTextAlignment left content font   UIFont systemFont ofSize  13  let spaceAvailable   200   My cell is fancy I have to calculate it    let newSize   content sizeThatFits CGSize width  CGFloat spaceAvailable   height  CGFloat greatestFiniteMagnitude   content isEditable   false content dataDetectorTypes   UIDataDetectorTypes all content isScrollEnabled   false content backgroundColor   UIColor clear bkgView addSubview content

User · Answer

I will post right solution at the bottom of the page in case someone is brave  or despaired enough  to read to this point   Here is gitHub repo for those  who don t want to read all that text  resizableTextView  This works with iOs7  and I do believe it will work with iOs8  and with autolayout  You don t need magic numbers  disable layout and stuff like that  Short and elegant solution   I think  that all constraint-related code should go to updateConstraints method  So  let s make our own ResizableTextView   The first problem we meet here is that don t know real content size before viewDidLoad method  We can take long and buggy road and calculate it based on font size  line breaks  etc  But we need robust solution  so we ll do   CGSize contentSize    self sizeThatFits CGSizeMake self frame size width  FLT MAX     So now we know real contentSize no matter where we are  before or after viewDidLoad  Now add height constraint on textView  via storyboard or code  no matter how   We ll adjust that value with our contentSize height    self constraints enumerateObjectsUsingBlock   NSLayoutConstraint  constraint  NSUInteger idx  BOOL  stop        if  constraint firstAttribute    NSLayoutAttributeHeight            constraint constant   contentSize height           stop   YES              The last thing to do is to tell superclass to updateConstraints    super updateConstraints     Now our class looks like   ResizableTextView m  -  void  updateConstraints       CGSize contentSize    self sizeThatFits CGSizeMake self frame size width  FLT MAX          self constraints enumerateObjectsUsingBlock   NSLayoutConstraint  constraint  NSUInteger idx  BOOL  stop            if  constraint firstAttribute    NSLayoutAttributeHeight                constraint constant   contentSize height               stop   YES                          super updateConstraints       Pretty and clean  right  And you don t have to deal with that code in your controllers   But wait  Y NO ANIMATION   You can easily animate changes to make textView stretch smoothly  Here is an example        self view layoutIfNeeded          do your own text change here      self infoTextView text    NSString stringWithFormat            self infoTextView text  self infoTextView text        self infoTextView setNeedsUpdateConstraints        self infoTextView updateConstraintsIfNeeded        UIView animateWithDuration 1 delay 0 options UIViewAnimationOptionLayoutSubviews animations             self view layoutIfNeeded         completion nil

User · Answer

Here is the answer if you need resize textView and tableViewCell dynamically in staticTableView   https   stackoverflow com a 43137182 5360675  1

User · Answer

The easiest way to ask a UITextView is just calling -sizeToFitit should work also with scrollingEnabled   YES  after that check for the height and add a height constraint on the text view with the same value  Pay attention that UITexView contains insets  this means that you can t ask the string object how much space it want to use  because this is just the bounding rect of the text  All the person that are experiencing wrong size using -sizeToFit it s probably due to the fact that the text view has not been layout yet to the interface size  This always happen when you use size classes and a UITableView  the first time cells are created in the - tableView cellForRowAtIndexPath  the comes out with the size of the any-any configuration  if you compute you value just now the text view will have a different width than the expected and this will screw all sizes  To overcome this issue I ve found useful to override the -layoutSubviews method of the cell to recalculate textview height

User · Answer

Another method is the find the size a particular string will take up using the NSString method   - CGSize sizeWithFont  UIFont   font constrainedToSize  CGSize size   This returns the size of the rectangle that fits the given string with the given font  Pass in a size with the desired width and a maximum height  and then you can look at the height returned to fit the text  There is a version that lets you specify line break mode also   You can then use the returned size to change the size of your view to fit

User · Answer

For those who want the textview to actually move up and maintain the bottom line position  CGRect frame   textView frame  frame size height   textView contentSize height   if frame size height  gt  textView frame size height       CGFloat diff   frame size height - textView frame size height      textView frame   CGRectMake 0  textView frame origin y - diff  textView frame size width  frame size height     else if frame size height  lt  textView frame size height       CGFloat diff   textView frame size height - frame size height      textView frame   CGRectMake 0  textView frame origin y   diff  textView frame size width  frame size height

User · Answer

disable scrolling    add constaints    and add your text    yourTextView setText   your text     yourTextView layoutIfNeeded     if you use UIScrollView you should add this too    yourScrollView layoutIfNeeded    - void viewDidAppear  BOOL animated      CGRect contentRect   CGRectZero       for  UIView  view in self yourScrollView subviews             contentRect   CGRectUnion contentRect  view frame             self yourScrollView contentSize   contentRect size

User · Answer

Did you try  textView sizeThatFits textView bounds     Edit  sizeThatFits returns the size but does not actually resize the component  I m not sure if that s what you want  or if  textView sizeToFit  is more what you were looking for  In either case  I do not know if it will perfectly fit the content like you want  but it s the first thing to try

User · Answer

If you are using scrollview and content view and you want to increase the height depending the TextView content height then this piece of code will help you   Hope this will help it worked perfectly in iOS9 2  and of course set textview scrollEnabled   NO   - void adjustHeightOfTextView         this pieces of code will helps to adjust the height of the uitextview View W R T content       This block of code work will calculate the height of the textview text content height and calculate the height for the whole content of the view to be displayed Height -- gt  400 is fixed it will change if you change anything in the storybord    CGSize textViewSize    self textview sizeThatFits CGSizeMake self view frame size width  self view frame size height     calulcate the content width and height  float textviewContentheight  textViewSize height  self scrollview contentSize   CGSizeMake self textview frame size width textviewContentheight   400    height value is passed self scrollview frame  CGRectMake self scrollview frame origin x  self scrollview frame origin y  self scrollview frame size width  textviewContentheight 400    CGRect Frame   self contentview frame  Frame size height   textviewContentheight   400   self contentview setFrame Frame    self textview frame  CGRectMake self textview frame origin x  self textview frame origin y  self textview frame size width  textviewContentheight     self textview setContentSize CGSizeMake  self textview frame size width textviewContentheight    self contenview heightConstraint constant     self scrollview bounds size height      NSLog    f  self contenview heightConstraint constant

[ios] How do I size a UITextView to its content?

Examples related to ios

Examples related to cocoa-touch

Examples related to autolayout

Examples related to uikit

Examples related to uitextview