iOS UITextField Auto Resize conform to the content

Question

How I can set the Auto resize in Text Field in iOS ?

helloWorld.m

self.TextFieldExample.text = @"HELLO WORLD HELLO WORLD HELLO WORLD HELLO WORLD";

Now:

HELLO WORLD HELLO ...

Correct:

HELLO WORLD HELLO WORLD HELLO WORLD HELLO WORLD

What is the best practice in this case?

Do you mean something like what was answered in this post? http://stackoverflow.com/questions/50467/how-do-i-size-a-uitextview-to-its-content — Chris, Dec 31 '14 at 16:58
Unclear. Do you want the text field to use a smaller font to fit the text within its width or do you want the text field to be wider to fit its text? — rmaddy, Dec 31 '14 at 17:05
user1390486 this post works, but not completely ... the text field resize is only in one line. — reizintolo, Jan 01 '15 at 22:17
rmaddy, I want a multiline text field like in Android component — reizintolo, Jan 01 '15 at 22:17
I think the best solution is with UITextField but I want resize the height automatically depending of the content, 2 lines, 5 lines, is there some way?. — reizintolo, Jan 01 '15 at 22:29

Santiago Fabregat · Answer 1 · 2014-12-31T18:51:06.113

7

You should add an action executed by the textField of type Editing Changed and inside this action you should add [self.textField sizeToFit]; like this:

- (IBAction)textChanged:(UITextField *)sender {

    [self.textField sizeToFit];
}

This way every time that the contents of your Text Field changed it will execute the action and it will resize to the length of your text.

And if you want the text to resize to fit the width of your textField, you can do that in the attributes inspector of the storyboard: https://i.stack.imgur.com/udVlk.png

edited Dec 31 '14 at 18:51

answered Dec 31 '14 at 17:35

Santiago Fabregat

684
5
18

1

The question is about a text field, not a label. – rmaddy Dec 31 '14 at 17:43
thanks for your response Santiago Fabregat, but the idea is implement multiline, like UITextView, I think is the best solution in this case – reizintolo Jan 01 '15 at 22:25

score 6 · Accepted Answer · edited May 23 '17 at 11:53

6

With a UITextField, text must fit on one line and cannot wrap.

You have two options:

Shrink the font to fit on one line:

self.TextFieldExample.adjustsFontSizeToFitWidth = YES; self.TextFieldExample.minimumFontSize = 10.0; //Optionally specify min size
Use UITextView to enable text wrapping:

See this answer: How to create a multiline UITextfield?

p.s. Per the style guide, "Properties should be camel-case with the leading word being lowercase." so you should rename your var to self.textFieldExample

edited May 23 '17 at 11:53

Community

1
1

answered Dec 31 '14 at 18:45

BFar

2,447
22
23

BFar thanks for your response the point 2 is the way, but Do you know...How is possible increment the height according with the amount of the text automatically?? – reizintolo Jan 02 '15 at 15:43
after textfield lose focus and try to edit it again size will set to minimum size = 10 unfortunately this solution not work with me :( – Fadi Abuzant Aug 04 '17 at 12:58

Aditya Deshmane · Answer 3 · 2017-11-14T06:34:43.960

In my case I wanted the font to be of the same size. I set textField width constraint to >= 10 and it just works fine on iOS 9, 10, 11.

For iOS 11 this even works while editing text.

To make this work while editing text on iOS 9 and 10, I handled one more method by registering for a textDidChange event.

//Swift 3 Sample

//In viewDidLoad
adjustableTextField.addTarget(self, action: #selector(textFieldDidChange(_:)), for: .editingChanged)


 @objc func textFieldDidChange(_ textField: UITextField) {
    adjustableTextField.resignFirstResponder()
    adjustableTextField.becomeFirstResponder()
}

score -1 · Answer 4 · answered Feb 08 '16 at 12:35

-1

Swift:

self.TextFieldExample.adjustsFontSizeToFitWidth = true
self.TextFieldExample.minimumFontSize = 10.0

answered Feb 08 '16 at 12:35

Darius Miliauskas

3,391
4
35
53

iOS UITextField Auto Resize conform to the content

4 Answers4

Linked