So entwerfen Sie verschiedene Sammlungszelle

Question

Ich habe eine collectionView mit verschiedenen collectionCell und ich möchte eine Skalierung/Höhe/Größe abhängig von der Zelle einstellen. Wie kann ich es tun ?

Hier ist das Bild meiner anderen Zelle: a title cell und 2 verschiedene cell image. Einer ist Breite der Ansicht/3 und der andere ist/2. Ich kann es nicht mit Auto-Layout-Einschränkung im Storyboard tun, also muss ich im Code tun. Ich versuche, das CollectionViewLayout zu verwenden.

Answer 1

implementieren

class MyViewController: UIViewController, UICollectionViewDataSource , UICollectionViewDelegate , UICollectionViewFlowLayout

in ViewDidLoad

collectionView.delegate = self; 
collectionView.datasource = self; 

add Delegierter Strömungs Layout

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize { 
    if indexPath.row == 0 || indexPath.row == 1 || indexPath.row == 2{ 
     return CGSize(self.view.frame.size.width/3, 100) 
    } 

    else{ 
     return CGSize(self.view.frame.size.width/2, 100) 
    } 
// return the size you what 
    } 

Answer 2

Wie pro Ihre Anforderung können Sie wie auf diese Weise tun

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize { 
    if (indexPath.row >= 0 && indexPath.row < 3) { 
     return CGSize(width: self.view.frame.size.width/3.15, height: 150) 
     // here give size for 3 collectionviewcell in one row . i use 3.5 beacause of i put spacing 10 pix left and right side of collectionview. 
    } 
    else if (indexPath.row >=3 && indexPath.row < 5){ 
     return CGSize(width: self.view.frame.size.width/2.20, height: 150) 
     // here give size for 2 collectionviewcell in one row. 
    }else{ 
     return CGSize(width: self.view.frame.size.width/3.15, height: 150) 
    } 

} 

Ausgang: