UICollectionView के आधार पर टेबल बनाते समय UIK Dynamics से UIDynamicAnimator का उपयोग करना

जैसा कि आप SDK (UIKit Dynamics फ्रेमवर्क) के नवीनतम संस्करण में जानते हैं, डेवलपर्स UIView ऑब्जेक्ट्स के लिए डायनामिक व्यवहार को परिभाषित कर सकते हैं, साथ ही अन्य ऑब्जेक्ट्स जो UID DynamicsicItem प्रोटोकॉल को स्वीकार करते हैं।

इस लेख में मैं ऐसी वस्तुओं के उपयोग के अनुभव को साझा करना चाहता हूं।

लक्ष्य आईओएस 7 पर मैसेज ऐप में उपयोग किए जाने वाले के समान एक एनीमेशन बनाना था:



दस्तावेज़ीकरण की खोज और अध्ययन के बाद, UICynamicAnimator का उपयोग UICollectionView के साथ संयोजन के रूप में करने का निर्णय लिया गया।

ऐसा करने के लिए, UICollectionViewFlowLayout वंशज बनाना आवश्यक था:

#import <UIKit/UIKit.h> @interface DVCollectionViewFlowLayout : UICollectionViewFlowLayout @end 

प्रकार UIDynamicAnimator के साथ संपत्ति जोड़ें

 #import "DVCollectionViewFlowLayout.h" @interface DVCollectionViewFlowLayout() //- @property (nonatomic, strong) UIDynamicAnimator *dynamicAnimator; @end @implementation DVCollectionViewFlowLayout @synthesize dynamicAnimator = _dynamicAnimator; -(id)initr{ self = [super init]; if (self){ _dynamicAnimator = [[UIDynamicAnimator alloc] initWithCollectionViewLayout:self]; } return self; } 

डायनेमिक व्यवहार तब सक्रिय हो जाता है जब हम इसे उस ऑब्जेक्ट से जोड़ते हैं जो UIDynamicAnimator का एक उदाहरण है। एनिमेटर उस संदर्भ को परिभाषित करता है जिसमें गतिशील व्यवहार निष्पादित किया जाता है।

उसके बाद, हमें इसमें निम्नलिखित कार्यों को फिर से परिभाषित करना होगा:

 #import "DVCollectionViewFlowLayout.h" // ......... - (void)prepareLayout{ [super prepareLayout]; CGSize contentSize = [self collectionViewContentSize]; NSArray *items = [super layoutAttributesForElementsInRect:CGRectMake(0, 0, contentSize.width, contentSize.height)]; if (items.count != self.dynamicAnimator.behaviors.count) { [self.dynamicAnimator removeAllBehaviors]; for (UICollectionViewLayoutAttributes *item in items) { UIAttachmentBehavior *springBehavior = [[UIAttachmentBehavior alloc] initWithItem:item attachedToAnchor:item.center]; //       ( ) springBehavior.length = 0.f; springBehavior.damping = 1.f; springBehavior.frequency = 6.8f; [self.dynamicAnimator addBehavior:springBehavior]; } } } - (NSArray *)layoutAttributesForElementsInRect:(CGRect)rect{ return [self.dynamicAnimator itemsInRect:rect]; } - (UICollectionViewLayoutAttributes *)layoutAttributesForItemAtIndexPath:(NSIndexPath *)indexPath{ return [self.dynamicAnimator layoutAttributesForCellAtIndexPath:indexPath]; } - (BOOL)shouldInvalidateLayoutForBoundsChange:(CGRect)newBounds{ CGFloat scrollDelta = newBounds.origin.y - self.collectionView.bounds.origin.y; CGPoint touchLocation = [self.collectionView.panGestureRecognizer locationInView:self.collectionView]; for (UIAttachmentBehavior *springBehavior in self.dynamicAnimator.behaviors) { CGPoint anchorPoint = springBehavior.anchorPoint; CGFloat touchDistance = fabsf(touchLocation.y - anchorPoint.y); //       ( ) CGFloat resistanceFactor = 0.002; UICollectionViewLayoutAttributes *attributes = springBehavior.items.firstObject; CGPoint center = attributes.center; float resistedScroll = scrollDelta * touchDistance * resistanceFactor; float simpleScroll = scrollDelta; float actualScroll = MIN(abs(simpleScroll), abs(resistedScroll)); if(simpleScroll < 0){ actualScroll *= -1; } center.y += actualScroll; attributes.center = center; [self.dynamicAnimator updateItemUsingCurrentState:attributes]; } return NO; } -(void)dealloc{ [self.dynamicAnimator removeAllBehaviors]; self.dynamicAnimator = nil; } 

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

स्रोत कोड

IOS 7 में एनिमेशन के बारे में उपयोगी लिंक:

• UIKit गतिशीलता का परिचय
• UIKit गतिशीलता ट्यूटोरियल
• iOS 7 SDK: बदलावों का अवलोकन
• आईओएस अनुप्रयोगों में लंबन प्रभाव
• आईओएस में मास्टर कोर मोशन