Wie diese Zelle Animation mit UICollectionView implementieren

Question

Ich versuche this animation

Für die Liste zu machen, ich glaube, ich UICollectionView verwenden kann, aber die Animation Teil scheint schwierig zu sein.

Irgendeine Idee zu diesem Thema?

Answer 1

Wenn Sie den springenden Animationsteil meinen, ist das nicht sehr schwierig - Apple hat eine Demo genau dieses Verhaltens in demselben Code für UIDynamics (nur iOS7 +).

Es ist ein weiteres Beispiel hier, die ganz in der Nähe sieht, was Sie nach:

http://www.objc.io/issue-5/collection-views-and-uidynamics.html

Blick in der Mitte für ein animiertes Beispiel. Es verwendet sogar Auflistungsansichten.

Answer 2

Wie @Kendall sagte, müssen Sie wirklich versuchen UIDynamics.

Für eine schnelle Problemumgehung habe ich nur versucht, unten Code. Es funktioniert etwas gut und hängt mit Ihrem Code zusammen. Ich weiß nichts über die Leistung. So kann es in Ihrem Projekt zu einem Leistungsmangel kommen.

Es ist nur eine Idee. Wenn es nicht für Sie funktioniert, lassen Sie es so wie es ist.

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath 
{ 
    MyCollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"MyCollectionViewCell" forIndexPath:indexPath]; 

    [UIView animateWithDuration:0.2 animations:^{ 
     cell.transform = CGAffineTransformMakeTranslation(0.0, -50); 
    }]; 
    [self delayBy:0.5 code:^{ // call block of code after time interval 
     [UIView animateWithDuration:0.3 animations:^{ 
      cell.transform = CGAffineTransformIdentity; 
     }]; 
    }]; 
    return cell; 
}