Come ottenere il percorso inverso di un UIBezierPath

Question

self.myPath=[UIBezierPath bezierPathWithArcCenter:center 
              radius:200 
             startAngle:0 
             endAngle:180 
             clockwise:YES]; 

(questo molto sono stato in grado di alzarsi in esecuzione con l'aiuto di un po 'googling ..)

ho questo percorso. Ora voglio riempire il contrario di questo percorso, quindi lasciare questa parte e riempire tutto il resto. Qualcuno può aiutarmi con la codifica. Non ho molte informazioni su questo.

> IL PROBLEMA

L'area sta mostrando dopo aver usato Cemal Risposta in precedenza mostrava solo un cerchio con corsa rosso.

> NEW EDIT

- (id)initWithFrame:(CGRect)frame 
{ 
    self = [super initWithFrame:frame]; 
    if (self) { 
     self.backgroundColor = [UIColor whiteColor]; 
     self.punchedOutPath = 
     [UIBezierPath bezierPathWithOvalInRect:CGRectMake(50, 50, 400, 400)]; 
     self.fillColor = [UIColor redColor]; 
     self.alpha = 0.8; 
    } 
    return self; 
} 

- (void)drawRect:(CGRect)rect 
{ 
    [[self fillColor] set]; 
    UIRectFill(rect); 

    CGContextRef ctx = UIGraphicsGetCurrentContext(); 
    CGContextSetBlendMode(ctx, kCGBlendModeDestinationOut); 

    [[self punchedOutPath] fill]; 

    CGContextSetBlendMode(ctx, kCGBlendModeNormal); 
} 

Answer 1

ho due soluzione per voi.

1. Disegnare questo percorso su un CALayer. E usa quello CALayer come livello maschera per te attuale CALayer.

2. Disegna un rettangolo con le dimensioni del tuo fotogramma prima di aggiungere un arco.

   UIBezierPath *path = [UIBezierPath bezierPathWithRect:view.frame]; 
   [path addArcWithCenter:center 
          radius:200 
         startAngle:0 
          endAngle:2*M_PI 
         clockwise:YES]; 
   

userei seconda soluzione. :)

Answer 2

Ecco un'alternativa che non richiede invertire il percorso del tutto.

Si hanno una porzione di una vista che si vuole in sostanza "ritagliare":

Diciamo che si desidera che l'area bianca per essere [UIColor whiteColor] con il 75% alfa. Ecco come procedere rapidamente:

• Si crea una nuova sottoclasse UIView.

• Questo punto di vista ha due proprietà:

  @property (retain) UIColor *fillColor; 
  @property (retain) UIBezierPath *punchedOutPath; 
  

• di ignorare il suo metodo -drawRect: per fare questo:

  - (void)drawRect:(CGRect)rect { 
      [[self fillColor] set]; 
      UIRectFill(rect); 
  
      CGContextRef ctx = UIGraphicsGetCurrentContext(); 
      CGContextSetBlendMode(ctx, kCGBlendModeDestinationOut); 
  
      [[self punchedOutPath] fill]; 
  
      CGContextSetBlendMode(ctx, kCGBlendModeNormal); 
  } 
  

C'è un avvertimento qui: Il fillColor della vista deve non include il componente alfa. Quindi nel tuo caso vorrai che sia solo [UIColor whiteColor]. Quindi applica tu stesso il bit alpha chiamando [myView setAlpha:0.75].

Cosa sta succedendo qui: si sta utilizzando una modalità di fusione chiamata "Destinazione esterna". Matematicamente è definito come R = D*(1 - Sa), ma in parole povere significa "Immagine di destinazione ovunque l'immagine di destinazione è opaca ma l'immagine di origine è trasparente e trasparente altrove".

Così sta andando a utilizzare la destinazione (vale a dire, ciò che è già nel contesto) se la nuova roba è trasparente (cioè al di fuori del percorso di Bezier), e quindi dove il tracciato Bezier sarebbe opaca, che roba è diventerà trasparente. Tuttavia, il materiale di destinazione deve essere già opaco. Se non è opaco, la fusione non fa quello che vuoi. Questo è il motivo per cui devi fornire un opaco UIColor e quindi fare qualsiasi trasparenza tu voglia con la vista direttamente.

---

mi sono imbattuto questo me stesso, con queste circostanze:

• la finestra ha uno sfondo [UIColor greenColor]
• il fillColor è bianco
• il punchedOutPath è un ovale che è inserto 10 punti dai bordi della vista.
• la vista ha una alpha di 0.75

Con il codice precedente, ottengo questo:

L'interno è verde puro, e l'esterno ha la sovrapposizione semitrasparente.

---

Aggiornamento

Se il rivestimento è un'immagine, allora avrete bisogno di creare una nuova immagine. Ma il principio è lo stesso:

UIImage* ImageByPunchingPathOutOfImage(UIImage *image, UIBezierPath *path) { 
    UIGraphicsBeginImageContextWithOptions([image size], YES, [image scale]); 

    [image drawAtPoint:CGPointZero]; 

    CGContextRef ctx = UIGraphicsGetCurrentContext(); 
    CGContextSetBlendMode(ctx, kCGBlendModeDestinationOut); 
    [path fill]; 


    UIImage *final = UIGraphicsGetImageFromCurrentImageContext(); 
    UIGraphicsEndImageContext(); 
    return final; 
} 

Si potrebbe quindi prendere il risultato di questa funzione e metterlo in una UIImageView.

Answer 3

Utilizzare bezierPathByReversingPath. Da documenti (solo iOS 6.0+):

Crea e restituisce un nuovo oggetto percorso Bezier con i contenuti invertiti del percorso corrente.

modo per invertire il vostro percorso, devi solo:

UIBezierPath* aPath = [UIBezierPath bezierPathWithArcCenter:center 
                radius:200 
               startAngle:0 
                endAngle:180 
                clockwise:YES]; 
self.myPath = [aPath bezierPathByReversingPath]; 

Answer 4

Si può mettere questo in una singola applicazione schermo nel controller della vista: Si farà una vista sfondo giallo e uno strato blu sopra di esso che ha una regione ovale ritagliata da una maschera.

- (void)viewDidLoad 
{ 
    [super viewDidLoad]; 
    // Do any additional setup after loading the view, typically from a nib. 

    // create a yellow background 
    UIView *bg = [[UIView alloc] initWithFrame:self.view.bounds]; 
    bg.backgroundColor = [UIColor yellowColor]; 
    [self.view addSubview:bg];  

    // create the mask that will be applied to the layer on top of the 
    // yellow background 
    CAShapeLayer *maskLayer = [CAShapeLayer layer]; 
    maskLayer.fillRule = kCAFillRuleEvenOdd; 
    maskLayer.frame = self.view.frame; 

    // create the paths that define the mask 
    UIBezierPath *maskLayerPath = [UIBezierPath bezierPath]; 
    [maskLayerPath appendPath:[UIBezierPath bezierPathWithRect:CGRectInset(self.view.bounds, 20, 20)]]; 
    // here you can play around with paths :) 
// [maskLayerPath appendPath:[UIBezierPath bezierPathWithOvalInRect:(CGRect){{80, 80}, {140, 190}}]]; 
    [maskLayerPath appendPath:[UIBezierPath bezierPathWithOvalInRect:(CGRect){{100, 100}, {100, 150}}]]; 
    maskLayer.path = maskLayerPath.CGPath; 

    // create the layer on top of the yellow background 
    CALayer *imageLayer = [CALayer layer]; 
    imageLayer.frame = self.view.layer.bounds; 
    imageLayer.backgroundColor = [[UIColor blueColor] CGColor]; 

    // apply the mask to the layer 
    imageLayer.mask = maskLayer; 
    [self.view.layer addSublayer:imageLayer]; 

} 

questo potrebbe rispondere a questa domanda così: UIBezierPath Subtract Path