Animate-Rahmen und layout-Veränderung der UICollectionView

Ich versuche einen Effekt zu erstellen wo ändere ich das layout meiner UICollectionView beim ändern der frame-Größe

Zunächst die collectionView layout präsentiert die "thumbnail" - Galerie-Stil voller Bildschirm.

Nach Größe des Rahmens, um einen dünnen Streifen - ich möchte einen "film-strip" - Stil layout

beide layouts unabhängig voneinander funktionieren gut und wie erwartet.

Versuchte ich code wie diesem:

[UIView animateWithDuration:1
                          delay:0.0
                        options:UIViewAnimationOptionCurveEaseOut
                     animations:^{
                         self.collectionview.frame = newFrame; //animate the frame size


                     }
                     completion:^(BOOL finished) {
                        [self.collectionView.collectionViewLayout invalidateLayout];

    [self.collectionView setCollectionViewLayout:filmstriplayout animated:YES];    //now set the new layout
                     }];

Aber es sieht sehr abgehackt und nicht Größenanpassung, als erwartet.

Gibt es eine Möglichkeit, wo ich konnte, der collectionview layout und die Größe des Frames gleichzeitig während der Animation ändern?

Hast du dir schon mal eine gute Lösung? performBatchUpdates:withCompletion: ist gut, aber hilft nicht mit, die Kombination eines animierten frame oder contentOffset ändern. Ich will diesen für reibungslos animieren zoom, bounce back, wo mein layout und die contentOffset abhängig von zoom.

InformationsquelleAutor Avner Barr | 2013-09-08

  1. 16

    Ich nicht eine bestimmte Antwort, aber ein paar Anregungen zu berücksichtigen.

    UICollectionView nicht immer den Griff wechseln des Layouts Instanzen anmutig. Hier ist eine gute Diskussion des Problems und einige workarounds.

    Aber was habe ich eigentlich gemacht in der Praxis, die für mich gearbeitet wurde, um die Umsetzung von layouts in einem einzigen layout-Objekt, das weiß, wie man wechseln zwischen layout-Modi. Ich fand, dass der Wechsel layout-Modi in einem batch-update-block war weniger problematisch als die Verwendung setCollectionViewLayout mit zwei verschiedenen layout-Instanzen:

    [self.collectionView performBatchUpdates:^{
    MyLayout *layout = (MyLayout *)self.collectionView.collectionViewLayout;
    layout.mode = otherLayoutMode;
} completion:nil];
    Was benutzt du performBatchUpdates:?
    Ah, ich fand die Antwort hier: stackoverflow.com/a/12999613/129889

    InformationsquelleAutor Timothy Moose

  2. 13

    Legen Sie zunächst das raster-Element Größe wie gridItemSize = CGSizeMake(98, 98); führen Sie dann die batch-Aktion der UICollectionView. Die Elemente in der Sammlung anzeigen, ändern Ihre Größe mit animation. 🙂

    - (CGSize)collectionView:(UICollectionView *)collectionView
                  layout:(UICollectionViewLayout*)collectionViewLayout
  sizeForItemAtIndexPath:(NSIndexPath *)indexPath {
   return CGSizeMake(gridItemSize.width, gridItemSize.height);
}

[self.collectionview performBatchUpdates:^{
    [self.collectionview.collectionViewLayout invalidateLayout];
    [self.collectionview setCollectionViewLayout:self.collectionview.collectionViewLayout animated:YES];
} completion:^(BOOL finished) {    
}];
    Das ist praktisch so, aber was ist mit animierten Rahmen ändern, die in der gleichen Zeit? Was dasselbe ist, ich denke, ein contentOffset ändern? Ich brauche auch beide auf einmal passieren.

    InformationsquelleAutor Zulqarnain

  3. -1

    Hier ist der einfache trick, wenn Sie die Aktualisierung der CollectionView diese:

    [self.collectionView removeFromSuperview]; //First remove the Collection View

//Relocate the view with layouts
UICollectionViewFlowLayout *layout=[[UICollectionViewFlowLayout alloc] init];
layout.scrollDirection = UICollectionViewScrollDirectionHorizontal;
layout.minimumInteritemSpacing = 10;
layout.minimumLineSpacing = 10;

 self.collectionView = [[UICollectionView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.width,100) collectionViewLayout:layout];
[self.collectionView setDataSource:self];
[self.collectionView setDelegate:self];
[self.collectionView registerClass:[UICollectionViewCell class] forCellWithReuseIdentifier:@"cellIdentifier"];
[self.collectionView reloadData];

[self.view addSubview:self.collectionView];

    InformationsquelleAutor Shivam Singh

Schreibe einen Kommentar