Shadow and Corner Radius at the same time doesn't show in swift

Question

I have a CameraView which has two button 1.takePictureButton 2.recordVideoButton. I want to add corner radius and shadow in the CameraView. So I add a innerView and add it as subview of CameraView. In the innerView I set the buttons. Though it shows corner Radius but not shadow.

I tried this :

class CameraView: UIView, UIImagePickerControllerDelegate & UINavigationControllerDelegate {
    override init(frame: CGRect) {
        super.init(frame: frame)
        self.translatesAutoresizingMaskIntoConstraints = false
        self.backgroundColor = .clear
        self.layer.cornerRadius = 0.08 * self.bounds.size.width
        self.layer.masksToBounds = true

        let innerView = UIView(frame: self.bounds)
        innerView.translatesAutoresizingMaskIntoConstraints = false
        innerView.backgroundColor = .clear

        self.addSubview(innerView)

        let shadowPath = UIBezierPath(rect: innerView.frame)
        innerView.layer.shadowColor = UIColor.black.cgColor
        innerView.layer.shadowOpacity = 0.5
        innerView.layer.shadowOffset = CGSize(width: 0, height: 0)
        innerView.layer.shadowRadius = 5
        innerView.layer.shadowPath = shadowPath.cgPath
        innerView.clipsToBounds = true

        let takePictureButton = UIButton(frame: CGRect(x: 0, y: 0, width: frame.size.width, height: frame.size.height/2))
        takePictureButton.backgroundColor = .white
        takePictureButton.setTitle("Take Picture", for: .normal)
        takePictureButton.setTitleColor(.black, for: .normal)
        takePictureButton.addTarget(self, action: #selector(takePictureButtonTapped), for: .touchUpInside)

        innerView.addSubview(takePictureButton)

        let recordVideoButton = UIButton(frame: CGRect(x: 0, y: frame.size.height/2 + 1, width: frame.size.width, height: frame.size.height/2 - 1))
        recordVideoButton.backgroundColor = .white
        recordVideoButton.setTitle("Record Video", for: .normal)
        recordVideoButton.addTarget(self, action: #selector(recordVideoButtonTapped), for: .touchUpInside)
        innerView.addSubview(recordVideoButton)
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
    }
}

Does this answer your question? [UIView with rounded corners and drop shadow?](https://stackoverflow.com/questions/4754392/uiview-with-rounded-corners-and-drop-shadow) — HangarRash, Jan 12 '23 at 16:08

score 0 · Answer 1 · answered Jan 12 '23 at 13:35

0

Instead of:

innerView.clipsToBounds = true

try:

innerView.clipsToBounds = false

answered Jan 12 '23 at 13:35

Arik Segal

2,963
2
17
29

Shadow and Corner Radius at the same time doesn't show in swift

1 Answers1