Multi-line user input in iOS: UITextField vs UITextView Multi-line user input in iOS: UITextField vs UITextView ios ios

Multi-line user input in iOS: UITextField vs UITextView


UITextField is specifically one line only.

Use UITextView instead for multiline text.

To implement the placeholder in UITextView use this logic/code.

First set the UITextView to contain the placeholder text and set it to a light gray color to mimic the look of a UITextField's placeholder text. Either do so in the viewDidLoad or upon the text view's creation.

For Swift

textView.text = "Placeholder"textView.textColor = UIColor.lightGrayColor()

For Objective-C

textView.text = @"Placeholder";textView.textColor =[UIColor lightGrayColor];

Then when the user begins to edit the text view, if the text view contains a placeholder (i.e. if its text color is light gray) clear the placeholder text and set the text color to black in order to accommodate the user's entry.

For Swift

func textViewDidBeginEditing(textView: UITextView) {    if textView.textColor == UIColor.lightGrayColor() {        textView.text = nil        textView.textColor = UIColor.blackColor()    }}

For Objective-C

- (BOOL) textViewShouldBeginEditing:(UITextView *)textView{    if (textView.textColor == [UIColor lightGrayColor]) {        textView.text = @"";        textView.textColor = [UIColor blackColor];    }    return YES;} 

Then when the user finishes editing the text view and it's resigned as the first responder, if the text view is empty, reset its placeholder by re-adding the placeholder text and setting its color to light gray.

For Swift

func textViewDidEndEditing(textView: UITextView) {    if textView.text.isEmpty {        textView.text = "Placeholder"        textView.textColor = UIColor.lightGrayColor()    }}

For Objective-C

- (void)textViewDidEndEditing:(UITextView *)textView{    if ([textView.text isEqualToString:@""]) {        textView.text = @"Placeholder";        textView.textColor =[UIColor lightGrayColor];    }}

Also do add UITextViewDelegate in the view controller.


Go with option two, the height of the textField cannot be changed and it doesn't display the second line...

PLACEHOLDER LOGIC:

textView.text = "Placeholder"textView.textColor = UIColor.lightGrayColor()func textViewDidBeginEditing(textView: UITextView) {    if textView.textColor == UIColor.lightGrayColor() {        textView.text = nil        textView.textColor = UIColor.blackColor()    }}func textViewDidEndEditing(textView: UITextView) {    if textView.text.isEmpty {        textView.text = "Placeholder"        textView.textColor = UIColor.lightGrayColor()    }}

From Text View Placeholder Swift.


For Swift 3

UITextView doesn't inherently have a placeholder property so you'd have to create and manipulate one programmatically using UITextViewDelegate methods.

(Note: Add UITextViewDelegate to the class and set textView.delegate = self.)

First set the UITextView to contain the placeholder text and set it to a light gray color to mimic the look of a UITextField's placeholder text. Either do so in the viewDidLoad or upon the text view's creation.

textView.text = "Placeholder"textView.textColor = UIColor.lightGray

Then when the user begins to edit the text view, if the text view contains a placeholder (i.e. if its text color is light gray) clear the placeholder text and set the text color to black in order to accommodate the user's entry.

func textViewDidBeginEditing(_ textView: UITextView) {    if textView.textColor == UIColor.lightGray {        textView.text = nil        textView.textColor = UIColor.black    }}

Then when the user finishes editing the text view and it's resigned as the first responder, if the text view is empty, reset its placeholder by re-adding the placeholder text and setting its color to light gray.

func textViewDidEndEditing(_ textView: UITextView) {    if textView.text.isEmpty {        textView.text = "Placeholder"        textView.textColor = UIColor.lightGray    }}