Алмазоподобное UIView

Question

Я пытаюсь создать UIView с углами, как в форме алмаза, как показано на рисунке:

я знаком с округлением углов:

myView.layer.cornerRadius = 10 

Однако, я хочу другую форму. Как я могу создать этот эффект? Спасибо за вашу помощь!

Answer 1

Лучший способ решить такую ​​проблему, используя CAShapeLayer. Вот что должно получиться: вставьте его в игровую площадку и посмотрите, как она зажимается по углам.

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)