आईओएस में मेरी उंगली के साथ बेजियर वक्र ड्राइंग?

Question

अरे, मैं यह समझने की कोशिश कर रहा हूं कि उपयोगकर्ता इनपुट के आधार पर आईओएस में बेजियर वक्र कैसे उत्पन्न करें। क्या इसके लिए कोई मौजूदा कक्षाएं हैं? क्या कोई मुझे एक सामान्य सारांश दे सकता है कि क्या आवश्यक होगा? मुझे सिर्फ दाहिने पैर पर शुरू करने में मदद की ज़रूरत है।

Answer 1

ठीक है, ऐसा करने का सबसे आसान तरीका शायद UIView उपclassing और ड्राइंग के लिए CoreGraphics का उपयोग करें। QuarzDemo से नमूना कोड देखें। अपने कस्टम व्यू क्लास के लिए drawInRect -method लागू करें। और touchesBegan के साथ उपयोगकर्ता के स्पर्श का पता लगाने, touchesMoved आदि

यहाँ एक बेज़ियर वक्र ड्राइंग के लिए एक उदाहरण कोड (QuarzDemo से लिया गया) है:

// Drawing with a white stroke color 
CGContextSetRGBStrokeColor(context, 1.0, 1.0, 1.0, 1.0); 
// Draw them with a 2.0 stroke width so they are a bit more visible. 
CGContextSetLineWidth(context, 2.0); 

// Draw a bezier curve with end points s,e and control points cp1,cp2 
CGPoint s = CGPointMake(30.0, 120.0); 
CGPoint e = CGPointMake(300.0, 120.0); 
CGPoint cp1 = CGPointMake(120.0, 30.0); 
CGPoint cp2 = CGPointMake(210.0, 210.0); 
CGContextMoveToPoint(context, s.x, s.y); 
CGContextAddCurveToPoint(context, cp1.x, cp1.y, cp2.x, cp2.y, e.x, e.y); 
CGContextStrokePath(context); 

आशा में मदद करता है कि आप शुरू हो रही है;)

Answer 2

यदि आप उद्देश्य-सी में रहना चाहते हैं, तो आप UIBezierPath के addCurveToPoint का उपयोग कर सकते हैं: controlPoint1: controlPoint2: विधि। आप CGPaths के साथ समान नामित फ़ंक्शन का भी उपयोग कर सकते हैं। बेजियर वक्र का उपयोग करते समय, आपको वक्र को परिभाषित करने के लिए प्रत्येक बिंदु पर प्रारंभ बिंदु, समापन बिंदु, और नियंत्रण बिंदु की आवश्यकता होती है।

यह परिभाषित करने का एक तरीका है कि उपयोगकर्ता प्रारंभ और अंत बिंदुओं को परिभाषित करने के लिए उंगली खींचें, फिर नियंत्रण बिंदुओं पर स्क्रीन टैप करें। इसे संभालने के लिए यहां एक उदाहरण दृश्य है।

BezierView.h

enum { 
    BezierStateNone = 0, 
    BezierStateDefiningLine, 
    BezierStateDefiningCP1, 
    BezierStateDefiningCP2 
}; 
@interface BezierView : UIView { 
    CGPoint startPt, endPt, cPt1, cPt2; 
    UInt8 state; 
    UIBezierPath *curvePath; 
    @private 
    UITouch *currentTouch; 
} 
@property (nonatomic, retain) UIBezierPath *curvePath; 
@end 

BezierView.m

@interface BezierView 
@dynamic curvePath; 
- (UIBezierPath *)curvePath { 
    return [[curvePath retain] autorelease]; 
} 
- (void)setCurvePath:(UIBezierPath *)newPath { 
    id tmp = curvePath; 
    curvePath = [newPath retain]; 
    [tmp release]; 
    state = BezierStateNone; 
    [self setNeedsDisplay]; 
} 
- (void)_updateCurve { 
    UIBezierPath *path = [UIBezierPath bezierPath]; 
    [path moveToPoint:startPt]; 
    [path addCurveToPoint:endPt controlPoint1:cPt1 controlPoint2:cPt2]; 
} 
- (void)_calcDefaultControls { 
    if(ABS(startPt.x - endPt.x) > ABS(startPt.y - endPt.y)) { 
     cPt1 = (CGPoint){(startPt.x + endPt.x)/2, startPt.y}; 
     cPt2 = (CGPoint){cPt1.x, endPt.y}; 
    } else { 
     cPt1 = (CGPoint){startPt.x, (startPt.y + endPt.y)/2}; 
     cPt2 = (CGPoint){endPt.x, cPt1.y}; 
    } 
} 
- (void)drawRect:(CGRect)rect { 
    UIBezierPath *path = self.curvePath; 
    if(path) [path stroke]; 
} 
- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event { 
    if(currentTouch) return; 
    if(state == BezierStateNone) { 
     state = BezierStateDefiningLine; 
     currentTouch = [touches anyObject]; 
     startPt = [currentTouch locationInView:self]; 
    } else if(state == BezierStateDefiningCP1) { 
     currentTouch = [touches anyObject]; 
     cPt1 = [currentTouch locationInView:self]; 
     [self _updateCurve]; 
    } else if(state == BezierStateDefiningCP2) { 
     currentTouch = [touches anyObject]; 
     cPt2 = [currentTouch locationInView:self]; 
     [self _updateCurve]; 
    } 
} 
- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event { 
    if(!currentTouch) return; 
    if(state == BezierStateDefiningLine) { 
     endPt = [currentTouch locationInView:self]; 
     [self _calcDefaultControls]; 
     [self _updateCurve]; 
    } else if(state == BezierStateDefiningCP1) { 
     cPt1 = [currentTouch locationInView:self]; 
     [self _updateCurve]; 
    } else if(state == BezierStateDefiningCP2) { 
     cPt2 = [currentTouch locationInView:self]; 
     [self _updateCurve]; 
    } 
} 
- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event { 
    if(!currentTouch) return; 
    if(state == BezierStateDefiningLine) { 
     state = BezierStateDefiningCP1; 
    } else if(state == BezierStateDefiningCP1) { 
     state = BezierStateDefiningCP2; 
    } else if(state == BezierStateDefiningCP2) { 
     state = BezierStateNone; 
    } 
    currentTouch = nil; 
} 
- (void)touchesCanceled:(NSSet *)touches withEvent:(UIEvent *)event { 
    if(state == BezierStateDefiningLine) { 
     self.curvePath = nil; 
     self.state = BezierStateNone; 
    } 
    self.currentTouch = nil; 
}