Only one corner is getting rounded in UITextField/UIView

Question

I am using the following code to make UITextField's/UIView's Top corners rounded, but the problem is only left top corner is getting rounded. What I am doing wrong or is there any other way to do so.

- (void)roundCornersOnView:(UIView*)view onTopLeft:(BOOL)tl topRight:(BOOL)tr bottomLeft:(BOOL)bl bottomRight:(BOOL)br radius:(float)radius
{

    if (tl || tr || bl || br) {
        UIRectCorner corner = 0; //holds the corner
        //Determine which corner(s) should be changed
        if (tl) {
            corner = corner | UIRectCornerTopLeft;
        }
        if (tr) {
            corner = corner | UIRectCornerTopRight;
        }
        if (bl) {
            corner = corner | UIRectCornerBottomLeft;
        }
        if (br) {
            corner = corner | UIRectCornerBottomRight;
        }

        UIView* roundedView = view;
        UIBezierPath* maskPath = [UIBezierPath bezierPathWithRoundedRect:roundedView.bounds byRoundingCorners:corner cornerRadii:CGSizeMake(radius, radius)];
        CAShapeLayer* maskLayer = [CAShapeLayer layer];
        maskLayer.frame = roundedView.bounds;
        maskLayer.path = maskPath.CGPath;
        roundedView.layer.mask = maskLayer;
    }
}

Calling the above method

[self roundCornersOnView:textField onTopLeft:YES topRight:YES bottomLeft:NO bottomRight:NO radius:5.0];

Shubham, your code is working fine for me. I changed all four corners without changing a single line of your code. — iphondroid, Aug 04 '15 at 12:59
BTW: It's better to do such things in a category, eg like here: http://stackoverflow.com/a/14485362/849616. You create a category on UIView (or subclass) and just call your function. Your code is working perfectly (I did run it in xcode). — Nat, Aug 04 '15 at 13:08
@iphondroid : I only want top corners to get rounded. Did you achieved that? — Shubham, Aug 11 '15 at 09:17
yes I did.. by simply passing YES for top two corners... I think @Vive also did. — iphondroid, Aug 11 '15 at 11:27

score 1 · Answer 1 · answered Aug 04 '15 at 13:10

1

I think there is nothing wrong in the code. Some other view on the right side overlaps the textfield. This gives you a feeling that your right corner is not rounded. Check same thing by making all four corner as round and you will able to identify same.

answered Aug 04 '15 at 13:10

Apurv

17,116
8
51
67

I have attached a screenshot where i applied the same code. I crosschecked there is no other view overlapping the view. – Shubham Aug 05 '15 at 06:32

score 0 · Answer 2 · edited Aug 14 '20 at 13:16

0

For single corner:

textField.roundCorners(corners: .topLeft, radius: 0.07 * textField.bounds.height)

For mutliple corner:

textField.roundCorners(corners: [.topLeft, .bottomLeft], radius: 0.07 * textField.bounds.height)

edited Aug 14 '20 at 13:16

Adrian Mole

49,934
160
51
83

answered Aug 14 '20 at 11:36

Pavnish Kumar Rana

1
1

score -1 · Answer 3 · edited May 23 '17 at 11:44

-1

Try this

UItextField * textField = [[UITextField alloc] initWithFrame:Frame];
textField.delegate = self;
[textField setBackgroundColor:[UIColor whiteColor]];
[textField.layer setBorderColor:[UIColor grayColor].CGColor];
[textField.layer setBorderWidth:1.0];
[textField.layer setCornerRadius:14.0f];
textField.placeholder = @"PlaceHolder";
[self.view textField];

Hope it helps.

Check this link

how to set cornerRadius for only top-left and top-right corner of a UIView?

Hope it helps.

edited May 23 '17 at 11:44

Community

1
1

answered Aug 04 '15 at 12:50

Pradumna Patil

2,180
3
17
46

I need only top corners of the textfield to get rounded not the bottom ones. Will this code fulfil the requirement. – Shubham Aug 04 '15 at 12:53
The question is not how to do it but why is the code wrong. Your answer doesn't answer it. – Nat Aug 04 '15 at 13:12

Only one corner is getting rounded in UITextField/UIView

3 Answers3