How can I shape a subview to it's superview in swift?

Question

I am trying to add a UIProgressView along the top of a UIView. There is a border and rounded corners on the UIView. Currently it looks likes this:

How can I get the UIProgressBar corners to follow those of the UIView?

The UIProgressView is a subview of the UIView. I have tried setting clipsToBounds = true but it didn't work.

Thanks!

score 2 · Accepted Answer · answered Apr 07 '19 at 12:13

You need to add

yourView.layer.masksToBounds = true

And code will look like:

override func viewWillAppear(_ animated: Bool) {
    mainV.layer.masksToBounds = true
    mainV.layer.borderColor = UIColor.black.cgColor
    mainV.layer.borderWidth = 1.0
    mainV.layer.cornerRadius = 10
}

And result will be:

score 1 · Answer 2 · answered Apr 07 '19 at 12:16

You can make progressView rounded by:

self.progressView.layer.cornerRadius = //some int

But clipsToBounds property forces view to not to draw anything outside of the view's bounds.

Check your viewController hierarchy and make sure your progressView is subView of your view not the main view of viewController.

How can I shape a subview to it's superview in swift?

2 Answers2