CODEWITHSUNDEEP
iosobjective-ciphoneipad
TechChain
TechChain

Reputation: 8944

How to give padding to UITextField in iOS?

I want to give padding from left into the textfield.I have added a background image to textfield due to which text in textfield always start from very left edge.I have tried below solution but that does not work for too many text fields.

    UIView *fieldEmail = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 10, 10)];
    self.txt_fname.leftViewMode = UITextFieldViewModeAlways;
    self.txt_fname.leftView     = fieldEmail;

Please suggest me some simple solutin in which i don't have to create a seprate view for giving the padding.

The answer accepted in the question does not work for me. Set padding for UITextField with UITextBorderStyleNone

Upvotes: 2

Views: 2997

Answers (2)

Munahil
Munahil

Reputation: 2419

Another easier and quicker solution can be that you make an imageview and add image for textfield in that. Then add the real text field on top of imageview, and move it as required, for instance as you want left padding, you can move text field a little away from imageview's x-cordinate.

Upvotes: 1

Nitin Gohel
Nitin Gohel

Reputation: 49720

You can create a Category of UITextFiled like following code:

.H class

#import <UIKit/UIKit.h>

@interface UITextField (Textpadding)


-(CGRect)textRectForBounds:(CGRect)bounds;
-(CGRect)editingRectForBounds:(CGRect)bounds;
@end

.M class

#import "UITextField+Textpadding.h"

@implementation UITextField (Textpadding)
#pragma clang diagnostic push
#pragma clang diagnostic ignored "-Wobjc-protocol-method-implementation"
-(CGRect)textRectForBounds:(CGRect)bounds {



    return CGRectMake(bounds.origin.x+20 , bounds.origin.y ,
                      bounds.size.width , bounds.size.height-2 );
}
-(CGRect)editingRectForBounds:(CGRect)bounds {
    return [self textRectForBounds:bounds];
}

This category will setting your all text-filed padding by default at run time.

How to create Category

  • Press cmd+n for new class create and select Objective-c class.

enter image description here

  • Then select Category like following.

enter image description here

  • Set Class name.

enter image description here

  • Set file name.

enter image description here

That's it now do code in this class as my answer.

Upvotes: 6

Related Questions