UITextField - Rounded corner issue

Question

I bring the issue forward which I face. I am creating a UITextField programmatically as below.

UItextField *mobileNumberField = [[UITextField alloc] initWithFrame:CGRectMake(10, 195, 300, 41)]; mobileNumberField.delegate = self; mobileNumberField.borderStyle = UITextBorderStyleRoundedRect; [mobileNumberField.layer setCornerRadius:14.0f]; mobileNumberField.placeholder = @"Mobile Number"; [self.paymentsHomeView addSubview:mobileNumberField]; 

The output is the attached image.

I dont know why is it breaking at the corners. Help me to fix my text field like the image attached below.

Answer 1

Just remove this line...

mobileNumberField.borderStyle = UITextBorderStyleRoundedRect; 

and add this code also..

    [mobileNumberField setBackgroundColor:[UIColor whiteColor]];     [mobileNumberField.layer setBorderColor:[UIColor grayColor].CGColor];     [mobileNumberField.layer setBorderWidth:1.0]; 

Answer 2

Update your like below.

    UITextField *mobileNumberField = [[UITextField alloc] initWithFrame:CGRectMake(10, 195, 300, 41)];     mobileNumberField.delegate = self;     mobileNumberField.layer.borderWidth = 1.0f;     mobileNumberField.layer.borderColor = [UIColor lightGrayColor].CGColor;     mobileNumberField. //    mobileNumberField.borderStyle = UITextBorderStyleRoundedRect;     [mobileNumberField.layer setCornerRadius:14.0f];     mobileNumberField.placeholder = @"Mobile Number";     [self.paymentsHomeView addSubview:mobileNumberField];