Bewerben CAShapeLayer zur Haupt UIView außer UIButton

Question

Hier ist ein Code, der Maske auf die gesamte UIView Anwendung:

UIBezierPath *maskPath = [UIBezierPath bezierPathWithRect:self.view.bounds]; 
[maskPath appendPath:[UIBezierPath bezierPathWithArcCenter:self.mapCardsButton.center 
                radius:self.mapCardsButton.frame.size.height/2.0f 
               startAngle:0.0f 
                endAngle:2.0f*M_PI 
               clockwise:NO]]; 
CAShapeLayer *maskLayer = [CAShapeLayer layer]; 
maskLayer.fillRule = kCAFillRuleEvenOdd; 
maskLayer.fillColor = [UIColor blackColor].CGColor; 
maskLayer.path = maskPath.CGPath; 
self.view.layer.mask = maskLayer; 

Das Problem ist, dass ich die Maske oben auf die gesamte UIView mit Ausnahme einer bestimmten UIButton (mapCardsButton anwenden möchten) welches auch auf der gleichen UIView ist. Ist es möglich zu tun?

UPD: Ich habe versucht,

[self.view.layer insertSublayer:maskLayer atIndex:0]; 

statt

self.view.layer.mask = maskLayer; 

aber meine self.view verloren Alpha-Kanal und Animation von Maskenebene funktioniert nicht mehr

Hier ist ein Projekt mit code: https://www.dropbox.com/s/b94qcwxzoi23kwk/test_04092016.zip?dl=0

Answer 1

Warum versuchen Sie Folgendes nicht? anstelle des folgenden Stapel:

• Maske (Ansicht) -> Taste

die Ansicht Hintergrundfarbe deutlich zu machen, gegen eine zusätzliche subview und wie folgt vorgehen:

• Ansicht -> Maske (SubView) , Button

Auf diese Weise haben Sie den gleichen visuellen Effekt, aber verwenden Sie die Ansicht von unten als Container. In Code:

UIBezierPath *maskPath = [UIBezierPath bezierPathWithRect:self.view.bounds]; 
[maskPath appendPath:[UIBezierPath bezierPathWithArcCenter:self.mapCardsButton.center 
                radius:self.mapCardsButton.frame.size.height/2.0f 
               startAngle:0.0f 
                endAngle:2.0f*M_PI 
               clockwise:NO]]; 
CAShapeLayer *maskLayer = [CAShapeLayer layer]; 
maskLayer.fillRule = kCAFillRuleEvenOdd; 
maskLayer.fillColor = [UIColor blackColor].CGColor; 
maskLayer.path = maskPath.CGPath; 

UIView *maskedView = [[UIView alloc] initWithFrame:self.view.bounds];  
maskedView.mask = maskLayer; 

self.view.backgroundColor = [UIColor clearColor]; 
[self.view addSubView:maskedView]; 
[self.view addSubView:self.mapCardsButton]; 

Answer 2

Der einfachste Weg wäre für die UIButton eine Geschwisteransicht der maskierten Ansicht statt einer Unteransicht. Ich realisiere, dass es logisch Sinn macht, dass die Schaltfläche eine Unteransicht ist (besonders da es so aussieht, als ob Ihr Code wahrscheinlich aus einer UIViewController Unterklasse stammt), also würde ich einen Container UIView erstellen, der alle anderen Subviews abgesehen von mapCardsButton enthält Maske zu dieser neuen Ansicht.

So sagen Sie die neue Ansicht maskedContainerView genannt, dann:

• self.view hat zwei Subviews: maskedContainerView und mapCardsButton
• maskedContainerView alle hält die Subviews dass self.view verwendet, mit der Ausnahme mapCardsButton
• maskedContainerView.layer.mask = maskLayer.

Answer 3

[maskedContainerView.layer insertSublayer: Maskenebene atIndex: (unsigned) maskedContainerView.layer.sublayers.count];

Die Bedeutung ist view.layer.sublayers.count nicht 0 auf 'atIndex'

Bitte nehmen Sie es!

Answer 4

Basis auf Ihrem Code. Ich bin mir nicht sicher, ob du das willst.

Fügen Sie einfach den UIBezierPath der Schaltfläche zu Ihrem maskPath hinzu. der Code wie diese (Base auf Ihrem Code)

const NSInteger kHoleSize = 100; 

UIButton *mapCardsButton = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, kHoleSize, kHoleSize)]; 
[mapCardsButton setTitle:@"BUTTON" forState:UIControlStateNormal]; 
mapCardsButton.backgroundColor = [UIColor redColor]; 

[self.view addSubview:mapCardsButton]; 



UIBezierPath *maskPath = [UIBezierPath bezierPathWithRect:self.view.bounds]; 


UIBezierPath *circlePath = [UIBezierPath bezierPathWithArcCenter:self.view.center 
                  radius:kHoleSize/2.0f 
                 startAngle:0.0f 
                 endAngle:2.0f*M_PI 
                 clockwise:NO]; 

UIBezierPath *buttonPath = [UIBezierPath bezierPathWithRect:mapCardsButton.frame]; 
[circlePath appendPath:buttonPath]; 


[maskPath appendPath:circlePath]; 
[maskPath setUsesEvenOddFillRule:YES]; 

CAShapeLayer *maskLayer = [CAShapeLayer layer]; 
maskLayer.path = maskPath.CGPath; 
maskLayer.fillRule = kCAFillRuleEvenOdd; 
maskLayer.fillColor = [UIColor blackColor].CGColor; 
maskLayer.opacity = 0.9; 

[self.view.layer addSublayer:maskLayer];