ऑब्जेक्टिव-सी पार्ट 3 में ब्लॉक और उनके उपयोग के बारे में

जैसा कि विषय में है - "ऑब्जेक्टिव-सी पार्ट 2 में ब्लॉक और उनके उपयोग पर" , हम लाइव उदाहरणों पर ब्लॉक का उपयोग करने के लाभों के बारे में बात करना जारी रखेंगे।
यहां हम संचालन के अनुक्रम को नियंत्रित करने के लिए ब्लॉकों का उपयोग करने की सुविधा को देखते हैं।

5. UIView एनिमेशन, एनिमेशन का क्रम।

इसके साथ शुरू करने के लिए, हम एक सरल उदाहरण लिखेंगे जिसमें हम एनिमेशन (ब्लॉक के बिना) का उपयोग करके बटन को स्थानांतरित करेंगे। फिर कोड में क्या बदलाव आवश्यक हैं, यह देखने के लिए एनिमेशन का क्रम बदलें।

पहला चरण

आइए चार एनिमेशन बनाएं: "बटन को ऊपर ले जाएं", "... डाउन", "... राइट" और "... लेफ्ट"। तदनुसार, तरीकों में: MoveUpAnimation, MoveDownAnimation, MoveRightAnimation और MoveLeftAnimation।
यहाँ एक एनिमेशन का एक उदाहरण है:

static const CGFloat button_offset_ = 20.f;

-( void )moveUpAnimation
{
[ UIView beginAnimations: nil context: nil ];

CGFloat new_y_ = self.animatedButton.frame.origin.y
- ( self.view.frame.size.height - button_offset_ * 2 )
+ self.animatedButton.frame.size.height;
self.animatedButton.frame = CGRectMake( self.animatedButton.frame.origin.x
, new_y_
, self.animatedButton.frame.size.width
, self.animatedButton.frame.size.height );

[ UIView commitAnimations ];
}

* This source code was highlighted with Source Code Highlighter .

फिर हम कोड लिखेंगे ताकि ये चारों एनिमेशन स्क्रीन के चारों ओर बटन को दक्षिणावर्त घुमाएँ। इन एनिमेशन का निष्पादन केवल अनुक्रमिक है:

-(IBAction)animateButtonAction:( id )sender_
{
[ self moveUpAnimation ];
[ self moveRightAnimation ];
[ self moveDownAnimation ];
[ self moveLeftAnimation ];
}

* This source code was highlighted with Source Code Highlighter .

कुछ नहीं देगा हम केवल नवीनतम एनीमेशन देखेंगे। सही समाधान पिछले एक के पूरा होने पर अगला एनीमेशन शुरू करना होगा। अपनी योजना को लागू करने के लिए, हमें एक एनीमेशन प्रतिनिधि स्थापित करना होगा और एनीमेशन के संदर्भ में, अगले एनीमेशन के बारे में जानकारी संचारित करना होगा। प्रतिनिधि में, संदर्भ से निम्नलिखित एनीमेशन करें। उदाहरण के लिए, इस तरह:

// ()
@ interface JFFNextAnimation : NSObject

@property ( nonatomic, retain ) UIViewAnimationsExampleViewController* controller;
@property ( nonatomic, assign ) SEL nextAnimationSelector;

@end

-( void )moveUpAnimation
{
JFFNextAnimation* next_animation_ = [ JFFNextAnimation new ];
//
next_animation_.controller = self;
next_animation_.nextAnimationSelector = @selector( moveRightAnimation );
//
[ UIView beginAnimations: nil context: next_animation_ ];

CGFloat new_y_ = self.animatedButton.frame.origin.y
- ( self.view.frame.size.height - button_offset_ * 2 )
+ self.animatedButton.frame.size.height;
self.animatedButton.frame = CGRectMake( self.animatedButton.frame.origin.x
, new_y_
, self.animatedButton.frame.size.width
, self.animatedButton.frame.size.height );

//
[ UIView setAnimationDelegate: self ];

[ UIView commitAnimations ];
}

// moveDownAnimation, moveRightAnimation moveLeftAnimation
-( void )animationDidStop:( NSString* )animation_id_
finished:( NSNumber* )finished_
context:( void * )context_
{
//
JFFNextAnimation* context_object_ = context_;
[ context_object_.controller performSelector: context_object_.nextAnimationSelector ];
[ context_object_ release ];
}

-(IBAction)animateButtonAction:( id )sender_
{
//
[ self moveUpAnimation ];
}

* This source code was highlighted with Source Code Highlighter .

अब सब कुछ सही ढंग से काम कर रहा है। लेकिन मान लीजिए कि हम एक एनीमेशन चाहते हैं बटन को दक्षिणावर्त नहीं, बल्कि वामावर्त घुमाएं। फिर हमें प्रत्येक मूवअपनेम, मूवडाउनएनिमेशन, MoveRightAnimation और MoveLeftAnimation विधियों के कोड को बदलने की आवश्यकता है। यह बहुत सुविधाजनक नहीं है, इसलिए हम अपने कोड को फिर से लिखते हैं ताकि यह कार्य अधिक आसानी से हल हो जाए।

दूसरा चरण

हम कॉल के अनुक्रम को एनिमेशन में बदलते हैं। शुरू करने के लिए, आइए अगले एनिमेशन के चयनकर्ता के संदर्भ में नहीं, बल्कि वर्तमान एनिमेशन के बाद किए जाने वाले सभी एनिमेशनों को सहेजते हैं:

@ interface JFFNextAnimation : NSObject

@property ( nonatomic, retain ) UIViewAnimationsExampleViewController* controller;
// ,
@property ( nonatomic, retain ) NSMutableArray* nextAnimations;

@end

* This source code was highlighted with Source Code Highlighter .

विधियों का कोड MoveUpAnimation, MoveDownAnimation, MoveRightAnimation और MoveLeftAnimation को भी बदलना होगा:

// ,
//
-( void )moveUpAnimationWithNextAnimation:( JFFNextAnimation* )next_animation_
{
[ UIView beginAnimations: nil context: next_animation_ ];

CGFloat new_y_ = self.animatedButton.frame.origin.y
- ( self.view.frame.size.height - button_offset_ * 2 )
+ self.animatedButton.frame.size.height;
self.animatedButton.frame = CGRectMake( self.animatedButton.frame.origin.x
, new_y_
, self.animatedButton.frame.size.width
, self.animatedButton.frame.size.height );

[ UIView setAnimationDelegate: self ];

[ UIView commitAnimations ];
}

// moveDownAnimation, moveRightAnimation moveLeftAnimation

* This source code was highlighted with Source Code Highlighter .

एनीमेशन प्रतिनिधि को भी फिर से तैयार करने की आवश्यकता है:

-( void )animationDidStop:( NSString* )animation_id_
finished:( NSNumber* )finished_
context:( void * )context_
{
// -
if ( !context_ )
return ;

JFFNextAnimation* context_object_ = context_;

//
NSString* next_animation_string_ = [ context_object_.nextAnimations objectAtIndex: 0 ];
next_animation_string_ = [ [ next_animation_string_ retain ] autorelease ];
//
[ context_object_.nextAnimations removeObjectAtIndex: 0 ];

SEL next_animation_sel_ = NSSelectorFromString( next_animation_string_ );

if ( [ context_object_.nextAnimations count ] == 0 )
{
//
//
[ context_object_.controller performSelector: next_animation_sel_
withObject: nil ];
//
[ context_object_ release ];
}
else
{
//
[ context_object_.controller performSelector: next_animation_sel_
withObject: context_object_ ];
}
}

* This source code was highlighted with Source Code Highlighter .

और निश्चित रूप से, जिस परिणाम पर हमने काम किया है वह अब एनिमेशन के अनुक्रम को बदलना आसान है:

-(IBAction)animateButtonAction:( id )sender_
{
JFFNextAnimation* next_animation_ = [ JFFNextAnimation new ];
next_animation_.controller = self;
//
next_animation_.nextAnimations = [ NSMutableArray arrayWithObjects:
@"moveUpAnimationWithNextAnimation:"
, @"moveLeftAnimationWithNextAnimation:"
, @"moveDownAnimationWithNextAnimation:"
, nil ];

//
[ self moveRightAnimationWithNextAnimation: next_animation_ ];
}

* This source code was highlighted with Source Code Highlighter .

परिणामों के लिए सभी कोड गिहब पर पाए जा सकते हैं।

परिणाम:

बेशक, हमने विषय की शुरुआत में कार्य को हल किया। लेकिन समाधान मूल्य अधिक है, कोड असुरक्षित है (चयनकर्ताओं के बजाय तार), जटिल (चयनकर्ता प्रतिनिधि और संदर्भ स्मृति प्रबंधन का भ्रमित तर्क), त्रुटियों के लिए प्रवण। हम आंशिक रूप से (विषय के नाम के अनुसार) ब्लॉकों का उपयोग करके स्थिति को आंशिक रूप से ठीक करने का प्रयास करेंगे। और इसलिए ...

तीसरा चरण

ब्लॉक एपीआई का उपयोग कर एनिमेशन को फिर से लिखें। सबसे पहले, हम एनीमेशन संदर्भ वर्ग - JFFNextAnimation और प्रतिनिधि एनीमेशन विधि को हटा सकते हैं, वे अब हमारे लिए उपयोगी नहीं होंगे। MoveUpAnimation विधि इसे सरल बनाती है:

-(JFFSimpleBlock)moveUpAnimationBlock
{
return [ [ ^
{
CGFloat new_y_ = self.animatedButton.frame.origin.y
- ( self.view.frame.size.height - button_offset_ * 2 )
+ self.animatedButton.frame.size.height;
self.animatedButton.frame = CGRectMake( self.animatedButton.frame.origin.x
, new_y_
, self.animatedButton.frame.size.width
, self.animatedButton.frame.size.height );
} copy ] autorelease ];
}

* This source code was highlighted with Source Code Highlighter .

एनीमेशन करने वाले ब्लॉक को बनाने के लिए एक सहायक विधि जोड़ें:

//
//
-(JFFSimpleBlock)animationBlockWithAnimations:( JFFSimpleBlock )animations_
completion:( JFFSimpleBlock )completion_
{
// ,
//
completion_ = [ [ completion_ copy ] autorelease ];
return [ [ ^
{
[ UIView animateWithDuration: 0.2
animations: animations_
completion: ^( BOOL finished_ )
{
if ( completion_ )
completion_();
} ];
} copy ] autorelease ];
}

* This source code was highlighted with Source Code Highlighter .

और एनिमेशन के अनुक्रम को स्वयं परिभाषित करें:

-(IBAction)animateButtonAction:( id )sender_
{
// , ,
JFFSimpleBlock move_left_animation_block_ = [ self moveLeftAnimationBlock ];
//completion: - ,
move_left_animation_block_ = [ self animationBlockWithAnimations: move_left_animation_block_
completion: nil ];

JFFSimpleBlock move_down_animation_block_ = [ self moveDownAnimationBlock ];
//completion: - - "move left"
move_down_animation_block_ = [ self animationBlockWithAnimations: move_down_animation_block_
completion: move_left_animation_block_ ];

JFFSimpleBlock move_right_animation_block_ = [ self moveRightAnimationBlock ];
//completion: - - "move down"
move_right_animation_block_ = [ self animationBlockWithAnimations: move_right_animation_block_
completion: move_down_animation_block_ ];

//
JFFSimpleBlock move_up_animation_block_ = [ self moveUpAnimationBlock ];
//completion: - - "move right"
move_up_animation_block_ = [ self animationBlockWithAnimations: [ self moveUpAnimationBlock ]
completion: move_right_animation_block_ ];

//
move_up_animation_block_();
}

* This source code was highlighted with Source Code Highlighter .

अब, पिछले उदाहरण (ब्लॉक के बिना एनिमेशन) में, हम कॉल के अनुक्रम को एनिमेशन में बदलने का प्रयास करेंगे। सौभाग्य से, यह उतना मुश्किल नहीं है जितना कि यह हमारे पहले उदाहरण में था, लेकिन हम वहां नहीं रुकेंगे।

चौथा चरण

चलिए थोड़ा आगे चलते हैं और क्रम में देखते हैं। यह फ़ंक्शन तर्कों के रूप में अतुल्यकालिक संचालन को अमूर्त करने वाले कई ब्लॉकों को लेता है, और एक नया ब्लॉक लौटाता है, जिसे जब कहा जाता है, तो निर्दिष्ट क्रम में इस फ़ंक्शन के तर्कों के ब्लॉक निष्पादित करेगा। एसिंक्रोनस ऑपरेशन ब्लॉक अपने आप में JFFAsyncOperation प्रकार का होता है, इसलिए एनीमेशनब्लैकविथनेम को थोड़ा संशोधित करें: इस प्रकार के अनुसार कार्य करें:

-(JFFAsyncOperation)animationBlockWithAnimations:( JFFSimpleBlock )animations_
{
return [ [ ^( JFFAsyncOperationProgressHandler progress_callback_
, JFFCancelHandler cancel_callback_
, JFFDidFinishAsyncOperationHandler done_callback_ )
{
done_callback_ = [ [ done_callback_ copy ] autorelease ];
[ UIView animateWithDuration: 0.2
animations: animations_
completion: ^( BOOL finished_ )
{
if ( done_callback_ )
done_callback_( [ NSNull null ], nil );
} ];
//
JFFCancelAsyncOpration cancel_block_ = ^{ /*do nothing*/ };
return [ [ cancel_block_ copy ] autorelease ];
} copy ] autorelease ];
}

* This source code was highlighted with Source Code Highlighter .

और हमें इसका परिणाम मिलता है:

-(IBAction)animateButtonAction:( id )sender_
{
JFFSimpleBlock move_right_animation_block_ = [ self moveRightAnimationBlock ];
JFFAsyncOperation move_right_async_block_ = [ self animationBlockWithAnimations: move_right_animation_block_ ];

JFFSimpleBlock move_up_animation_block_ = [ self moveUpAnimationBlock ];
JFFAsyncOperation move_up_async_block_ = [ self animationBlockWithAnimations: move_up_animation_block_ ];

JFFSimpleBlock move_left_animation_block_ = [ self moveLeftAnimationBlock ];
JFFAsyncOperation move_left_async_block_ = [ self animationBlockWithAnimations: move_left_animation_block_ ];

JFFSimpleBlock move_down_animation_block_ = [ self moveDownAnimationBlock ];
JFFAsyncOperation move_down_async_block_ = [ self animationBlockWithAnimations: move_down_animation_block_ ];

//
// - sequenceOfAsyncOperations
JFFAsyncOperation result_animation_block_ = sequenceOfAsyncOperations(
move_right_async_block_
, move_up_async_block_
, move_left_async_block_
, move_down_async_block_
, nil );

// ,
result_animation_block_( nil, nil, nil );
}

* This source code was highlighted with Source Code Highlighter .

गिहब पर आप सभी परिणामी कोड देख सकते हैं।

अभी के लिए बस इतना ही। आपका ध्यान देने के लिए धन्यवाद। यदि यह विषय दिलचस्प है, तो अगले लेख में मैं ब्लॉकों का उपयोग करके अतुल्यकालिक संचालन के प्रबंधन के बारे में बात करने की कोशिश करूंगा।