如何将特定角和阴影设置为 UIView

Question

I am trying to set top left and top right corners to tab bar along with shadow.

I am using below function which is in my UIView extension:

func addShadowWithCurve(usingCorners corners : UIRectCorner,cornerRadii : CGSize, shadowColor:UIColor,shadowOpacity:Float,shadowRadius:CGFloat,shadowOffset:CGSize){
    let path = UIBezierPath(roundedRect: self.bounds, byRoundingCorners: corners, cornerRadii: cornerRadii)
    layer.masksToBounds = false
  
    let frameLayer = CAShapeLayer()
    frameLayer.path = path.cgPath
    frameLayer.shadowPath = path.cgPath

    frameLayer.lineWidth = 1
    frameLayer.strokeColor = RRSTokens.colorGrey10.cgColor
    frameLayer.fillColor = backgroundColor?.cgColor
    frameLayer.shadowOffset = shadowOffset
    frameLayer.shadowOpacity = shadowOpacity
    frameLayer.shadowRadius = shadowRadius
    frameLayer.shadowColor = shadowColor.cgColor

    layer.mask = frameLayer
    layer.insertSublayer(frameLayer, at: 0)
}

But the result is not expected, there is a black border line visible at the top of tab bar. I have tried multiple attempts to play around layer properties to remove that black line but no luck. This is what it looks like:

Answer 1

Your code is perfect just add below line to your code:

self.tabBar.barStyle = .blackOpaque

Hope it'll solve your problem. Thank you.