bir UIBezierPath

Question

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

ters yolunu (bu kadar bazı googling yardımıyla çalışan kalkmak başardı ..)

Ben bu yolu var Get Nasıl. Şimdi bu yolun tersini doldurmak istiyorum, bu yüzden bu bölümü terk etmek ve her şeyi doldurmak. Kodlamada bana yardımcı olan var mı? Bu konuda fazla bilgim yok.

> SORUN

Cemal Yanıt kullandıktan sonra gösteren bölge, daha önce sadece kırmızı inmeli bir çevre gösterdi.

> YENİ DÜZENLEME

- (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

sizin için iki çözüm var.

1. Bu yolu bir CALayer üzerinde çizin. Ve bu CALayer'u gerçek CALayer için bir maske katmanı olarak kullanın.

2. Ark eklemeden önce çerçevenizin boyutları ile bir dikdörtgen çizin.

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

Ben ikinci çözümü kullanmak. :)

Answer 2

İşte yolu tersine çevirmeyi gerektirmeyen bir alternatif.

Diyelim ki beyaz bölgenin% 75 alfa ile [UIColor whiteColor] olmak istiyorum diyelim:

Sen aslında "dışarı klibi" istediğiniz bir bakış bir kısmını var. İşte hızlı bir şekilde:

• Yeni bir UIView alt sınıf oluşturun.

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

• Bunu yapmak için onun -drawRect: yöntemini geçersiz:

• Bu görüş iki özelliği vardır

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

burada bir uyarı var: görünümünün fillColor gerekir değil, alfa bileşenini içerir. Bu durumda, sadece [UIColor whiteColor] olmasını istersiniz. Ardından, [myView setAlpha:0.75] numaralı telefonu arayarak alfa bitini kendiniz uygularsınız.

Neler oluyor: Bu, "Hedef Çıkışı" adlı bir karışım modunu kullanıyor. Matematiksel olarak R = D*(1 - Sa) olarak tanımlanmıştır, ancak layman'ın terimleriyle "Hedef imajın opak olduğu ancak kaynak görüntünün saydam olduğu ve başka yerlerde şeffaf olduğu yerde hedef resim" anlamına gelir.

Yani bezier yolu opak nerede olacağını sonra yeni şeyler (bezier yolunun yani dışında) şeffaftır yerde (bağlamda zaten ne yani) hedef kullanacağız ve oluyor, bu belirler şeffaflaşacak. Ancak, hedef malzeme zaten opak olmalıdır. Eğer opak değilse, karıştırma yapmak istediğiniz şeyi yapmaz. Bu nedenle, bir opak UIColor sağlamanız ve ardından doğrudan görünümü ile istediğiniz saydamlığı yapmanız gerekir.

• pencere
• fillColor
• punchedOutPath kenarlarından içeri giriyorsa 10 puan var bir oval olan beyaz bir [UIColor greenColor] geçmişe sahip:

  ---

  Bu şartlar ile, bu kendim koştu görünümün

  

  iç yeşil saf ve dış yarı saydam katmanına sahip:

• görünümü bir alpha yukarıdaki kod ile 0.75

ait sahiptir, bu alın. senin kaplama bir görüntü ise

---

Güncelleme

, o zaman yeni bir imaj oluşturmak gerekir. Ama prensip aynıdır:

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; 
} 

Daha sonra bu fonksiyonun sonucu alıp bir UIImageView koydu olacaktır.

Answer 3

bezierPathByReversingPath'u kullanın. Belgelerden (yalnızca iOS 6.0+):

Geçerli yolun ters çevrilmiş içeriğine sahip yeni bir bezier yolu nesnesi oluşturur ve döndürür. senin yolunu tersine çevirmek için

yüzden, sadece ediyorum:

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

Answer 4

Sen görünümü denetleyicisi içine tek ekran app içine koyabilirsiniz

: Bir sarı arka plan görüntüsünü ve üzerinde mavi bir katman yapacak Bir maske ile kesilmiş oval bir bölgeye sahiptir.

- (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]; 

} 

bu da bu soruya cevap olabilir: UIBezierPath Subtract Path