कैसे एक UIBezierPath

Question

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

की रिवर्स पथ (इतना मैं कुछ Googling की मदद से चल रहा है उठो करने में सक्षम था ..)

मैं इस पथ प्राप्त करने के लिए। अब मैं इस पथ के विपरीत को भरना चाहता हूं, इसलिए इस हिस्से को छोड़कर और बाकी सब कुछ भरना। क्या कोई मुझे कोडिंग के साथ मदद कर सकता है। मुझे इस पर ज्यादा जानकारी नहीं है।

> समस्या

क्षेत्र में प्रयोग केमल उत्तर के बाद दिखाया जा रहा है कि पहले यह केवल लाल स्ट्रोक के साथ एक चक्र दिखाया।

> नया संपादित

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

मैं तुम्हारे लिए दो समाधान है।

1. इस पथ को CALayer पर खींचे। और वास्तविक CALayer के लिए उस मास्क परत के रूप में CALayer का उपयोग करें।

2. आर्क जोड़ने से पहले आपके फ्रेम के आकार के साथ एक आयताकार बनाएं।

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

मैं दूसरा समाधान का प्रयोग करेंगे। :)

Answer 2

यहां एक विकल्प है जिसके लिए पथ को उलट करने की आवश्यकता नहीं है।

मान लीजिए कि आप सफेद क्षेत्र 75% अल्फा के साथ [UIColor whiteColor] होने के लिए चाहते हैं:

आप एक ऐसा दृश्य के एक हिस्से को आप अनिवार्य रूप से "बाहर क्लिप" करना चाहते हैं। यहां बताया गया है कि आप इसे जल्दी कैसे करते हैं:

• आप एक नया UIView सबक्लास बनाते हैं।

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

• आप यह करने के लिए अपने -drawRect: विधि ओवरराइड:

• यह दृश्य दो गुण है

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

यहाँ एक चेतावनी है: fillColor देखने के नहीं करना चाहिए अल्फा घटक शामिल हैं। तो आपके मामले में, आप चाहते हैं कि यह सिर्फ [UIColor whiteColor] हो। फिर आप [myView setAlpha:0.75] पर कॉल करके अल्फा बिट स्वयं लागू करें।

यहां क्या हो रहा है: यह "गंतव्य आउट" नामक मिश्रण मोड का उपयोग कर रहा है। गणितीय रूप से इसे R = D*(1 - Sa) के रूप में परिभाषित किया गया है, लेकिन आम आदमी के शब्दों में इसका अर्थ है "गंतव्य छवि जहां गंतव्य छवि अपारदर्शी है, लेकिन गंतव्य छवि पारदर्शी है, और कहीं और पारदर्शी है।"

तो यह जहां बेज़ियर पथ अपारदर्शी होगा जहाँ भी नई सामान पारदर्शी (बेज़ियर पथ की यानी बाहर) है गंतव्य (यानी, किस संदर्भ में पहले से ही है) का उपयोग करने जा रहा है, और फिर, कि सामान है पारदर्शी बनने जा रहा है। हालांकि, गंतव्य सामग्री पहले से ही अपारदर्शी होनी चाहिए। यदि यह अपारदर्शी नहीं है, तो मिश्रण जो आप चाहते हैं वह नहीं करता है। यही कारण है कि आपको एक अपारदर्शी UIColor प्रदान करना होगा और फिर सीधे दृश्य के साथ इच्छित पारदर्शिता करना होगा।

---

मैं इस अपने आप को भाग गया, इन परिस्थितियों के साथ:

• खिड़की एक [UIColor greenColor] पृष्ठभूमि
• fillColor सफेद है
• punchedOutPath एक अंडाकार किनारों से इनसेट 10 अंक है कि है दृश्य का

  

  आंतरिक शुद्ध हरे रंग की है, और बाहर अर्द्ध पारदर्शी ओवरले है:

• दृश्य एक 0.75

ऊपर कोड के साथ

की alpha है, मैं इस मिलता है।

---

अद्यतन

अपने कवर एक छवि है, तो आप एक नई छवि बनाने की आवश्यकता होगी। लेकिन सिद्धांत एक ही है:

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

फिर आप इस फ़ंक्शन के परिणाम लेने के लिए और यह एक UIImageView में डाल दिया जाएगा।

Answer 3

bezierPathByReversingPath का उपयोग करें। दस्तावेज़ों से (केवल आईओएस 6.0+):

वर्तमान पथ की उलटा सामग्री के साथ एक नया बेजियर पथ ऑब्जेक्ट बनाता है और देता है।

तो अपने पथ को उल्टा करने, तुम बस चाहते हैं:

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

Answer 4

आप दृश्य नियंत्रक में एक ही स्क्रीन एप्लिकेशन में डाल सकते हैं: यह एक पीले रंग की पृष्ठभूमि देख सकते हैं और पर एक नीले परत कर देगा इसके शीर्ष पर एक अंडाकार क्षेत्र एक मुखौटा द्वारा काटा जाता है।

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

} 

इस रूप में अच्छी तरह इस सवाल का जवाब दे सकता है: UIBezierPath Subtract Path