ड्राइंग एनीमेशन

Question

मैं एक साधारण ऐप बना रहा हूं जहां उपयोगकर्ता बटन दबाएगा, स्क्रीन पर लाइनों की एक श्रृंखला खींची जाएगी और उपयोगकर्ता वास्तविक समय में खींचे गए इन लाइनों को देख पाएंगे (लगभग एनीमेशन की तरह) ।

1) जैसे ही उपयोगकर्ता बटन दबाता है के रूप में, UIThread ब्लॉक ड्राइंग है जब तक:

UIGraphicsBeginImageContext(CGSizeMake(300,300)); 
CGContextRef context = UIGraphicsGetCurrentContext(); 

for (int i = 0; i < 100; i++) { 
    CGContextMoveToPoint(context, i, i); 
    CGContextAddLineToPoint(context, i+20, i+20); 
    CGContextSetStrokeColorWithColor(context, [[UIColor blackColor] CGColor]); 
    CGContextStrokePath(context); 
} 

UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext(); 

UIGraphicsEndImageContext(); 

मेरे समस्या यह है कि यह है:

मेरे कोड कुछ इस तरह (सरलीकृत किया गया है) लग रहा है किया हुआ।

2) मुझे स्क्रीन पर एक बार स्क्रीन पर खींचना नहीं जा सकता है - मैंने यूआईएममेज को लूप के अंदर सीधे सेट करने की कोशिश की है और लूप के अंदर परत सामग्री सेट करने का भी प्रयास किया है।

मैं इन समस्याओं के आसपास कैसे हो सकता हूं?

Answer 1

आप कहते हैं "बस एक एनीमेशन की तरह"। एक वास्तविक एनीमेशन क्यों नहीं, एक ला कोर ग्राफिक्स 'CABasicAnimation? क्या आपको वाकई इसे लाइनों की श्रृंखला के रूप में दिखाने की ज़रूरत है, या एक उचित एनीमेशन ठीक है?

आप लाइन की वास्तविक ड्राइंग चेतन करना चाहते हैं, तो आप की तरह कुछ कर सकता है:

#import <QuartzCore/QuartzCore.h> 

- (void)drawBezierAnimate:(BOOL)animate 
{ 
    UIBezierPath *bezierPath = [self bezierPath]; 

    CAShapeLayer *bezier = [[CAShapeLayer alloc] init]; 

    bezier.path   = bezierPath.CGPath; 
    bezier.strokeColor = [UIColor blueColor].CGColor; 
    bezier.fillColor  = [UIColor clearColor].CGColor; 
    bezier.lineWidth  = 5.0; 
    bezier.strokeStart = 0.0; 
    bezier.strokeEnd  = 1.0; 
    [self.view.layer addSublayer:bezier]; 

    if (animate) 
    { 
     CABasicAnimation *animateStrokeEnd = [CABasicAnimation animationWithKeyPath:@"strokeEnd"]; 
     animateStrokeEnd.duration = 10.0; 
     animateStrokeEnd.fromValue = [NSNumber numberWithFloat:0.0f]; 
     animateStrokeEnd.toValue = [NSNumber numberWithFloat:1.0f]; 
     [bezier addAnimation:animateStrokeEnd forKey:@"strokeEndAnimation"]; 
    } 
} 

फिर तुम सब करने की है बनाने है अपनी लाइन के लिए UIBezierPath, जैसे:

- (UIBezierPath *)bezierPath 
{ 
    UIBezierPath *path = [UIBezierPath bezierPath]; 

    [path moveToPoint:CGPointMake(0.0, 0.0)]; 

    [path addLineToPoint:CGPointMake(200.0, 200.0)]; 

    return path; 
} 

यदि आप चाहते हैं, तो आप एक ही पथ में एक साथ लाइनों का एक गुच्छा पैच कर सकते हैं, उदाहरण के लिए यहां लाइनों की मोटे तौर पर साइन वक्र आकार की श्रृंखला है:

- (UIBezierPath *)bezierPath 
{ 
    UIBezierPath *path = [UIBezierPath bezierPath]; 
    CGPoint point = self.view.center; 

    [path moveToPoint:CGPointMake(0, self.view.frame.size.height/2.0)]; 

    for (CGFloat f = 0.0; f < M_PI * 2; f += 0.75) 
    { 
     point = CGPointMake(f/(M_PI * 2) * self.view.frame.size.width, sinf(f) * 200.0 + self.view.frame.size.height/2.0); 
     [path addLineToPoint:point]; 
    } 

    return path; 
} 

और ये मुख्य धागे को अवरुद्ध नहीं करते हैं।

वैसे, आप स्पष्ट रूप से करने के लिए CoreGraphics.framework जोड़ना होगा अपने लक्ष्य के Build SettingsLink Binary With Libraries के तहत।