IOS/Objective-C: Round top corners of rectangle without erasing border

Question

I am using the following method to round specific corners of uitextfield. However, it has the effect of erasing the border at the rounded corner. Can anyone suggest way to do this without erasing border? Thanks in advance for any suggestions.

-(void)roundBottomCornersOfView: (UITextField*) view by: (NSInteger) radius {
    CGRect rect = view.bounds;
    UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:rect
                                               byRoundingCorners:UIRectCornerTopLeft |UIRectCornerTopRight
                                                     cornerRadii:CGSizeMake(radius, radius)];
    CAShapeLayer *layers = [CAShapeLayer layer];
    layers.frame = rect;
    layers.path = path.CGPath;
    view.layer.mask = layers;
}

Albert Renshaw · Accepted Answer · 2020-05-20 23:30:05Z

2

One possible way of doing this could be to redraw your border. As

-(void)roundBottomCornersOfView: (UITextField*) view by: (NSInteger) radius {
    CGRect rect = view.bounds;
    UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:rect
                         byRoundingCorners:UIRectCornerTopLeft |UIRectCornerTopRight
                         cornerRadii:CGSizeMake(radius, radius)];
    CAShapeLayer *layers = [CAShapeLayer layer];
    layers.frame = rect;
    layers.path = path.CGPath;
    view.layer.mask = layers;

    CAShapeLayer*   borderShape = [CAShapeLayer layer];
    borderShape.frame = rect;
    borderShape.path = path.CGPath;
    borderShape.strokeColor = [UIColor blackColor].CGColor;
    borderShape.fillColor = nil;
    borderShape.lineWidth = 3;
    [view.layer addSublayer:borderShape];
}

Hope this helps. Referred from this SO Post

edited May 20, 2020 at 23:30

Albert Renshaw

17.9k21 gold badges114 silver badges201 bronze badges

answered Nov 8, 2017 at 18:30

Md. Ibrahim Hassan

5,4871 gold badge28 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Quality Catalyst · Accepted Answer · 2017-11-08 18:41:08Z

-1

Have you tried this? Give some corner radius to achieve that part. Example:

nameOfTextField.layer.cornerRadius = 15.0
nameOfTextField.layer.borderWidth = 2.0 // Use border width if you need it

edited Nov 8, 2017 at 18:41

Quality Catalyst

6,8318 gold badges41 silver badges65 bronze badges

answered Nov 8, 2017 at 17:59

Designer

11 bronze badge

Collectives™ on Stack Overflow

IOS/Objective-C: Round top corners of rectangle without erasing border

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related