Rounded corner throughout the whole progress

Question

I have a progress view and I see that if I change its corner radius I get rounded corners when the progress is 1.0 (full), however, I'd like to have rounded corner throughout the whole progress, for example, the image below shows a progress on half way, as you can see only the left end has rounded corners.

I already set these properties on the viewDidLoad:

progressView.clipsToBounds = true
progressView.layer.cornerRadius = 3
progressView.layer.masksToBounds = true

I think you should search into the sublayer to find de blue one and apply the same treatment — CZ54, Nov 09 '16 at 15:53
Check out this similar question in Obj-C: http://stackoverflow.com/q/14775310/1689376 — alexburtnik, Nov 09 '16 at 16:01
@bobby True, I did with subviews and didn't work. Now that you said about the sublayers I tried it and and it worked. Place it as an answer and I'll mark it as the right one. — Hola Soy Edu Feliz Navidad, Nov 09 '16 at 16:03

score 5 · Accepted Answer · answered Nov 09 '16 at 16:09

5

I think you should search into the sublayer to find de blue one and apply the same treatment

answered Nov 09 '16 at 16:09

CZ54

5,488
1
24
39

3

For anyone in the future looking for the right way to access it, this worked for me: `barLayer = progressView.layer.sublayers[1]`. Then adjust the `cornerRadius` and `masksToBounds` properties of that as required. – tfe Jan 13 '17 at 08:03

score 0 · Answer 2 · answered Nov 16 '17 at 17:21

This is the correct answer

// Set the rounded edge for the outer bar
self.layer.cornerRadius = 12
self.clipsToBounds = true

// Set the rounded edge for the inner bar        
self.layer.sublayers![1].cornerRadius = 12
self.subviews[1].clipsToBounds = true

Lal Krishna · Answer 3 · 2017-06-30T04:16:06.347

-1

Yes, @CZ54's answer is correct. Here is the Code.

[progressView.subviews enumerateObjectsUsingBlock:^(__kindof UIView * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
        obj.layer.masksToBounds = YES;
        obj.layer.cornerRadius = progressView.layer.cornerRadius;
    }];

edited Jun 30 '17 at 04:16

answered Jun 29 '17 at 10:44

Lal Krishna

15,485
6
64
84

Rounded corner throughout the whole progress

3 Answers3