UITextField with leftViewMode UITextFieldViewModeUnlessEditing remains visible while editing - ios

Question

I have a UITextField subclass object and leftView with leftViewMode set to UITextFieldViewModeUnlessEditing. However, the left view remains visible during editing until the user enters at least one character.
Before entering text:
After entering Text:
Questions:
Is this behavior expected and documented? How can I ensure that the
left view is invisible during editing, before any character is
entered?

Answer 1

In answer to your questions:
Yes, that appears to be expected UITextField behavior, though it's not clearly spelled out in any official documentation that I could find.
You can further customize the default behavior by implementing UITextFieldDelegate methods to, for example, remove the overlay view as soon as editing begins, even if the text field is empty.
For example, let's assume you defined a property to hold a strong reference to a custom overlay view:
#interface ViewController () <UITextFieldDelegate>
#property (strong, nonatomic) IBOutlet UITextField *textField;
#property (strong, nonatomic) UIView *customView;
#end
You could then configure the overlay view and register for delegate notifications in viewWillAppear:, as shown below:
- (void)viewWillAppear:(BOOL)animated
{
[super viewWillAppear:animated];
self.customView = [[UIView alloc] initWithFrame:CGRectMake(0.0, 0.0, 30.0, 30.0)];
self.customView.backgroundColor = [UIColor orangeColor];
self.textField.leftView = self.customView;
self.textField.leftViewMode = UITextFieldViewModeUnlessEditing;
self.textField.delegate = self;
}
To make the overlay view disappear as soon as the user touches the text field, set the leftView (or rightView) property to nil when editing begins. Just make sure to set it to point to your custom view again when editing ends.
- (void)textFieldDidBeginEditing:(UITextField *)textField
{
self.textField.leftView = nil;
}
- (void)textFieldDidEndEditing:(UITextField *)textField
{
self.textField.leftView = self.customView;
}
Edit
A more generalized approach would be to simply toggle the mode on editing beginning and ending, which would eliminate the need to maintain a reference to the overlay view.
- (void)textFieldDidBeginEditing:(UITextField *)textField
{
self.textField.leftViewMode = UITextFieldViewModeNever;
}
- (void)textFieldDidEndEditing:(UITextField *)textField
{
self.textField.leftViewMode = UITextFieldViewModeUnlessEditing;
}

Answer 2

Please try this code with UITextFieldViewModeAlways and assign padding with as par star image width.
Put this code in viewDidLoad method
UIImageView *iView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:#" "]];
[UITextField appearanceWhenContainedIn:[UISearchBar class], nil].leftView = iView;
It will manage place holder text as well as textField text with left padding.
I hope it will help you.

Answer 3

You need to set Mode of textfield after that it will work perfect. So use this one
leftViewMode = UITextFieldViewModeAlways;
instead of
leftViewMode = UITextFieldViewModeUnlessEditing;

Answer 4

create leftview
UIView *paddingView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 5, 20)];
textField.leftView = paddingView;
textField.leftViewMode = UITextFieldViewModeAlways;
and you can add UIImageView on this paddingView for your star.png
UIImageView *img=[[UIImageView alloc] initWithImage:[UIImage imageNamed:#"star.png"]];
img.frame=CGRectMake(0, 0,5, 20);
[paddingView adsubview:img];