Diamantartiger UIView

Question

Ich versuche, eine UIView mit Ecken wie eine Form eines Diamanten zu erzeugen, wie im Bild gezeigt:

Ich bin vertraut mit Ecken abrunden:

myView.layer.cornerRadius = 10 

Allerdings möchte ich eine andere Form. Wie könnte ich diesen Effekt erzeugen? Danke für Ihre Hilfe!

Answer 1

Der beste Weg, um ein Problem wie dieses zu lösen, ist die Verwendung von CAShapeLayer. Hier ist die Art von Sache, die funktionieren würde: kleben Sie es auf einen Spielplatz und sehen Sie, wie es von den Ecken abschneidet.

import UIKit 
import XCPlayground 

extension UIView { 
    func maskCorners(inset: CGFloat) { 
     let path = UIBezierPath() 
     path.moveToPoint(CGPoint(x: bounds.origin.x + inset,y: 0)) 
     path.addLineToPoint(CGPoint(x: CGRectGetMaxX(bounds) - inset,y: 0)) 
     path.addLineToPoint(CGPoint(x: CGRectGetMaxX(bounds), y: bounds.origin.y + inset)) 
     path.addLineToPoint(CGPoint(x: CGRectGetMaxX(bounds), y: CGRectGetMaxY(bounds) - inset)) 
     path.addLineToPoint(CGPoint(x: CGRectGetMaxX(bounds) - inset,y: CGRectGetMaxY(bounds))) 
     path.addLineToPoint(CGPoint(x: bounds.origin.x + inset,y: CGRectGetMaxY(bounds))) 
     path.addLineToPoint(CGPoint(x: 0,y: CGRectGetMaxY(bounds) - inset)) 
     path.addLineToPoint(CGPoint(x: 0,y: bounds.origin.y + inset)) 
     path.addLineToPoint(CGPoint(x: bounds.origin.x + inset,y: 0)) 

     let mask = CAShapeLayer() 
     mask.frame = bounds 
     mask.path = path.CGPath 
     layer.mask = mask 
    } 
} 

let diamond = UIView(frame: CGRect(x:0, y: 0, width: 100, height:100)) 
diamond.backgroundColor = UIColor.redColor() 
XCPlaygroundPage.currentPage.liveView = diamond 
diamond.maskCorners(25)