Swift UICollection單元格設置其他行的高度

我試圖創建一個有兩列的表，其中偶數行比奇數行高。這是我目前擁有的。Swift UICollection單元格設置其他行的高度

import UIKit 

class FBSCollectionViewCell: UICollectionViewCell { 


    @IBOutlet weak var cellText: UILabel! 

} 

class ViewController: UIViewController, UICollectionViewDataSource, UICollectionViewDelegate { 

    let identifier = "customCell" 
    @IBOutlet weak var collectionView: UICollectionView! 


    override func viewDidLoad() { 
     super.viewDidLoad() 
     let layout: UICollectionViewFlowLayout = UICollectionViewFlowLayout() 
     layout.sectionInset = UIEdgeInsets(top: 20, left: 0, bottom: 10, right: 0) 
     layout.itemSize = CGSize(width: 333, height: 50) 
     layout.minimumInteritemSpacing = 0 
     layout.minimumLineSpacing = 0 
     collectionView!.collectionViewLayout = layout 
    } 

    let reuseIdentifier = "cell" // also enter this string as the cell identifier in the storyboard 
    var items = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"] 


    // MARK: - UICollectionViewDataSource protocol 

    // tell the collection view how many cells to make 
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { 
     return self.items.count 
    } 

    // make a cell for each cell index path 
    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell { 

     // get a reference to our storyboard cell 
     let cell = collectionView.dequeueReusableCell(withReuseIdentifier: identifier, for: indexPath as IndexPath) as! FBSCollectionViewCell 

     cell.cellText.text = self.items[indexPath.item] 

     if (indexPath.item % 4 < 2){ //title cells 
      cell.backgroundColor = UIColor(red: 95/255, green: 176/255, blue: 223/255, alpha: 1) 
      cell.cellText.textColor = UIColor.white 
      cell.frame.size.height = 50.0 
      //cell.frame.size.width = 333.0 
     }else{ 
      cell.backgroundColor = UIColor(red: 236/255, green: 236/255, blue: 236/255, alpha: 1) 
      cell.cellText.textColor = UIColor(red: 178/255, green: 178/255, blue: 178/255, alpha: 1) 

      print("in the even rows \(indexPath.row)") 
      cell.frame.size.height = 200.0 
      //cell.frame.size.width = 333.0 
     } 
     return cell 
    } 


}

出於某種原因，格式只能用於最後一行。

我想這可能是由於這一行覆蓋的大小。

layout.itemSize = CGSize(width: 333, height: 50)

所以我評論說線並加入

cell.frame.size.width = 333.0

這使得細胞運行到彼此中。

我試圖改變大小如

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize { 
    if (indexPath.row % 4 < 2) { 
     return CGSize(width: 333, height: 50.0) 
    } else { 
     return CGSize(width: 333, height: 100.0) 
    } 

}

和layoutIfNeeded的其他方法，但沒有奏效。任何人都可以指出我做錯了什麼？謝謝。

來源

2017-04-23 haedaldal

實施的UICollectionViewDelegateFlowLayout

extension ViewController: UICollectionViewDelegateFlowLayout { 

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize { 


     if (indexPath.item % 4 < 2){ //title cells 
      return CGSize(width: self.view.frame.width/2, height: 100) 
     }else{ 
      return CGSize(width: self.view.frame.width/2, height: 200) 

      print("in the even rows \(indexPath.row)") 
     } 
    } 

}

方法 sizeForItemAt

來源

2017-04-23 07:51:11

-1

的CollectionView FlowLayoutDelegate提供 'sizeForItemAtIndexPath'，我建議您配置細胞高度有比cellForItemAtIndexPath做

來源

2017-04-23 06:58:30

Swift UICollection單元格設置其他行的高度

回答

相關問題