Swift: Mask Alignment + Auto-Layout Constraints

Question

У меня есть этот файл PNG, который я хотел бы использовать в качестве маски для UIView.

мнение должно быть:

• 20 пикселей/точек в с каждой стороны
• Идеальный квадратный
• По центру вертикально

Я установил следующие ограничения для достижения этой цели:

Однако, похоже, эти ограничения не очень хорошо сочетаются с масками. Когда эти ограничения и mask собственности установлены, я получаю следующее:

, но я хотел бы вид, чтобы выглядеть так же, как маски выше, за исключением оранжевый (The backgroundColor здесь только для simplicity- позже я добавить подвидов, которые должны быть замаскированы)

Однако, когда никакие ограничения не установлены, mask, кажется, работает нормально, и я получаю что-то вроде этого (borderColor добавлен только для визуальных целей):.

Вот мой код (viewForLayer это UIView я сделал в раскадровке):

viewForLayer.layer.borderColor = UIColor.redColor().CGColor 
    viewForLayer.layer.borderWidth = 10 

    var mask = CALayer() 
    mask.contents = UIImage(named: "TopBump")!.CGImage 
    mask.frame = CGRect(x: 0, y: 0, width: viewForLayer.bounds.width, height: viewForLayer.bounds.height) 
    mask.position = CGPoint(x: viewForLayer.bounds.width/2, y: viewForLayer.bounds.height/2) 
    viewForLayer.layer.mask = mask 
    viewForLayer.backgroundColor = UIColor.orangeColor() 

Проблема в том, однако, что в настоящее время точка зрения не правильный размер или в правильном положении, он Безразлично «Следуйте правилам выше». «Представление должно быть:». Как я могу корректно работать с mask, а ограничения автомакета установлены одновременно?

Answer 1

Я нашел путь вокруг него. Не уверен, что это лучший способ, но здесь мы идем ...

http://imgur.com/pUIZbNA

Просто убедитесь, что вы измените имя класса UIView в раскадровке инспектора тоже. Видимо, трюк заключается в том, чтобы установить маску для каждого вызова layoutSubviews.

class MaskView : UIView { 

    override func layoutSubviews() { 
    super.layoutSubviews() 
    if let mask = self.layer.mask { 
     mask.frame = self.bounds 
    }   
    } 

} 

class ViewController: UIViewController { 

    @IBOutlet weak var viewForLayer: MaskView! 

    override func viewDidLoad() { 
     super.viewDidLoad() 
     let image = UIImage(named: "TopBump")!.CGImage! 
     let maskLayer = CALayer() 
     maskLayer.contents = image 
     maskLayer.frame = viewForLayer.bounds 
     viewForLayer.layer.mask = maskLayer 
     viewForLayer.backgroundColor = UIColor.orangeColor() 

     // Do any additional setup after loading the view, typically from a nib. 
     viewForLayer.layer.borderColor = UIColor.redColor().CGColor 
     viewForLayer.layer.borderWidth = 10 


    } 

    override func didReceiveMemoryWarning() { 
     super.didReceiveMemoryWarning() 
     // Dispose of any resources that can be recreated. 
    } 

} 

Answer 2

Я попробовал это для себя. Минус nitpicking на 'let mask = CALayer()' (это неизменная ссылка на обновляемый объект), изменение ограничений автоопределения встроенного представления показывает, что маска правильно выровнена.

NSLog("\(viewForLayer.bounds.width), \(viewForLayer.bounds.height)") 

возвращает 375,0, 667,0 на экране iPhone 6. Что вы получаете?