Swift : Comment rafraîchir la mise en page d'UICollectionView après une rotation du dispositif ?

Question

J'ai utilisé UICollectionView (flowlayout) pour construire une mise en page simple. la largeur de chaque cellule est fixée à la largeur de l'écran en utilisant self.view.frame.width

mais lorsque je fais pivoter l'appareil, les cellules ne sont pas mises à jour.

J'ai trouvé une fonction, qui est appelée lors du changement d'orientation :

override func willRotateToInterfaceOrientation(toInterfaceOrientation: 
  UIInterfaceOrientation, duration: NSTimeInterval) {
    //code
}

mais je n'arrive pas à trouver un moyen de mettre à jour la disposition de UICollectionView

Le code principal est ici :

class ViewController: UIViewController , UICollectionViewDelegate , UICollectionViewDataSource , UICollectionViewDelegateFlowLayout{

    @IBOutlet weak var myCollection: UICollectionView!

    var numOfItemsInSecOne: Int!
    override func viewDidLoad() {
        super.viewDidLoad()

        numOfItemsInSecOne = 8
        // Do any additional setup after loading the view, typically from a nib.
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

    override func willRotateToInterfaceOrientation(toInterfaceOrientation: UIInterfaceOrientation, duration: NSTimeInterval) {

        //print("orientation Changed")
    }

    func numberOfSectionsInCollectionView(collectionView: UICollectionView) -> Int {
        return 1
    }

    func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return numOfItemsInSecOne
    }

    func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCellWithReuseIdentifier("cellO", forIndexPath: indexPath)

        return cell
    }

    func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize{
    let itemSize = CGSize(width: self.view.frame.width, height: 100)
    return itemSize
    }}

Answer 1

Ajoutez cette fonction :

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews() 
    myCollection.collectionViewLayout.invalidateLayout()
}

Lorsque vous changez l'orientation, cette fonction est appelée.

Answer 2

La meilleure option est d'appeler invalidateLayout() au lieu de reloadData() car il ne forcera pas la recréation des cellules, les performances seront donc légèrement meilleures :

override func viewWillLayoutSubviews() {
    super.viewWillLayoutSubviews() 
    myCollection.collectionViewLayout.invalidateLayout()
}

Answer 3

Vous pouvez également l'invalider de cette manière.

- (void)viewWillTransitionToSize:(CGSize)size withTransitionCoordinator:(id<UIViewControllerTransitionCoordinator>)coordinator {
    [super viewWillTransitionToSize:size withTransitionCoordinator:coordinator];

    [self.collectionView.collectionViewLayout invalidateLayout]; 
}

Answer 4

La fonction viewWillLayoutSubviews() n'a pas fonctionné pour moi. Tout comme viewDidLayoutSubviews(). Les deux font entrer l'application dans une boucle infinie que j'ai vérifiée en utilisant une commande print.

L'une des façons de faire est

override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {
// Reload here
}

Answer 5

Vous pouvez mettre à jour votre UICollectionView Layout en utilisant

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize {
    if isLandscape {
        return CGSizeMake(yourLandscapeWidth, yourLandscapeHeight)
    }
    else {
        return CGSizeMake(yourNonLandscapeWidth, yourNonLandscapeHeight)
    }
}