UIView mit Schatten, abgerundete nur obere Ecken und maskierte untere Kante

Question

Ich kämpfe um die Ansicht, die nur oberen Ecken und Schatten um sie gerundet hätte. Die gesamte Ansicht sollte unten im Superview maskiert werden, um zu verhindern, dass sich der Schatten nach der Teilansicht überlappt (Schattenversatz sollte (0, 0) sein).

Wenn ich:

// Adding shadow 
    let contentSubviewLayer = contentSubview.layer 
    contentSubviewLayer.masksToBounds = false 
    contentSubviewLayer.shadowOpacity = 0.3 
    contentSubviewLayer.shadowRadius = 2.5 
    contentSubviewLayer.shadowOffset = CGSizeMake(0, 0) 
    contentSubviewLayer.cornerRadius = 5.0 
    contentSubviewLayer.shadowPath = UIBezierPath(rect: contentSubview.bounds).CGPath 
    self.layer.masksToBounds = true 

ich:

Aber nach der Unterkante Zugabe Maskierung:

// Adding maskView to round only top corners 
    let maskLayer = CAShapeLayer() 
    maskLayer.frame = self.contentSubview.bounds 
    let roundedPath = UIBezierPath(roundedRect: maskLayer.bounds, byRoundingCorners: [UIRectCorner.TopLeft, UIRectCorner.TopRight], cornerRadii: CGSizeMake(CORNER_RADIUS, CORNER_RADIUS)) 
    maskLayer.fillColor = UIColor.whiteColor().CGColor 
    maskLayer.backgroundColor = UIColor.clearColor().CGColor 
    maskLayer.path = roundedPath.CGPath 
    contentSubview.layer.mask = maskLayer 

Ich erhalte:

Der gewünschte Effekt sollte die Verbindung der beiden oben sein und so etwas wie dies mit Schatten um den linken, oberen und rechten Rand ähneln sollte:

Bitte um Hilfe! Vielen Dank im Voraus.

Answer 1

Ich neige dazu, eine App namens PaintCode zu verwenden, um den Swift-Code zu generieren, den ich für diese Art von Ding benötige. Ich habe kürzlich etwas Ähnliches gemacht und es hat sich für mich ausgespuckt:

let context = UIGraphicsGetCurrentContext() 

    //// Color Declarations 
    let chiesi_light_grey = UIColor(red: 0.851, green: 0.851, blue: 0.851, alpha: 1.000) 

    //// Shadow Declarations 
    let chiesi_shadow = NSShadow() 
    chiesi_shadow.shadowColor = chiesi_light_grey.colorWithAlphaComponent(0.8 * CGColorGetAlpha(chiesi_light_grey.CGColor)) 
    chiesi_shadow.shadowOffset = CGSize(width: 0.1, height: 4.1) 
    chiesi_shadow.shadowBlurRadius = 2 

    //// Rectangle Drawing 
    let rectanglePath = UIBezierPath(roundedRect: CGRect(x: 0, y: 0, width: 50, height: 54), byRoundingCorners: [UIRectCorner.BottomLeft, UIRectCorner.BottomRight], cornerRadii: CGSize(width: 8, height: 8)) 
    rectanglePath.closePath() 
    CGContextSaveGState(context) 
    CGContextSetShadowWithColor(context, chiesi_shadow.shadowOffset, chiesi_shadow.shadowBlurRadius, (chiesi_shadow.shadowColor as! UIColor).CGColor) 
    UIColor.whiteColor().setFill() 
    rectanglePath.fill() 
    CGContextRestoreGState(context) 

    chiesi_light_grey.setStroke() 
    rectanglePath.lineWidth = 2 
    rectanglePath.stroke() 

Vielleicht wird es dir helfen.