0

我有一個表視圖單元格內的集合視圖。該模型是按願望清單名稱分組的願望清單項目。可能有許多願望清單。當用戶選擇願望清單時,他們會得到一系列希望清單,但我希望在單元中顯示願望清單的項目圖像預覽。它們不是單獨選擇的,單元格選擇將轉到選定願望清單的項目列表。同樣,我會用滑動刪除動作刪除整個願望清單。UITableViewCell中的Swift UICollectionView無法正常工作

這裏我的問題是,collectionView函數根本不會觸發。我正在測試的源數據有一個願望清單和4個項目。

這是我的TableViewCell。

import Foundation 
import UIKit 
import Alamofire 
import AlamofireImage 

class WishListsCell: UITableViewCell { 

var collectionView: UICollectionView! 

let screenWidth = UIScreen.main.bounds.width 

var alamofireRequest: Alamofire.Request? 

override func awakeFromNib() { 
    super.awakeFromNib() 
    // Initialization code 

    let layout: UICollectionViewFlowLayout = UICollectionViewFlowLayout() 
    layout.sectionInset = UIEdgeInsets(top: 0, left: 0, bottom: 0, right: 0) 
    layout.itemSize = CGSize(width: screenWidth, height: ((screenWidth/4) * Constants.IMAGE_ASPECT_RATIO)) 
    layout.minimumInteritemSpacing = 0 
    layout.minimumLineSpacing = 0 
    layout.estimatedItemSize.height = ((screenWidth/4) * Constants.IMAGE_ASPECT_RATIO) 
    layout.estimatedItemSize.width = screenWidth 

    collectionView = UICollectionView(frame: contentView.frame, collectionViewLayout: layout) 

    collectionView.delegate = self 

    collectionView.dataSource = self 

    collectionView.register(WishListsCollectionViewCell.self, forCellWithReuseIdentifier: cellId) 

    self.contentView.addSubview(collectionView) 

} 

override func setSelected(_ selected: Bool, animated: Bool) { 
    super.setSelected(selected, animated: animated) 
} 

override init(style: UITableViewCellStyle, reuseIdentifier: String?) { 
    super.init(style: style, reuseIdentifier: reuseIdentifier)  
} 

required init?(coder aDecoder: NSCoder) { 
    fatalError("init(coder:) has not been implemented") 
} 
} 


extension WishListsCell: UICollectionViewDelegate, UICollectionViewDataSource { 


func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { 

    debugPrint(wishListItems.count) 

    return wishListItems.count 

} 


func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell { 

    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "WishListsCollectionViewCell", for: indexPath) as! WishListsCollectionViewCell 

    if let imageUrl = wishListItems[indexPath.row]["image"] as? String { 

     debugPrint(imageUrl) 

     cell.imageView.image = nil 

     if let image = ShoppingManager.sharedManager.photoCache.image(withIdentifier: imageUrl) { 
      cell.imageView.image = image 
     } 
     else 
     {        
      cell.alamofireRequest?.cancel() 

      cell.alamofireRequest = Alamofire.request(imageUrl) 
       .responseImage { response in 

        let img = response.result.value 

        cell.imageView.image = img 

        cell.imageView.contentMode = UIViewContentMode.scaleAspectFit 

        let imageWidth:CGFloat = self.screenWidth/4 

        let imageHeight:CGFloat = imageWidth * Constants.IMAGE_ASPECT_RATIO 

        cell.imageView.frame.size.width = imageWidth 

        cell.imageView.frame.size.height = imageHeight 

        ShoppingManager.sharedManager.photoCache.add(img!, withIdentifier: imageUrl)    
      } 
     } 
    } 
    return cell 
} 
} 

這裏是我的CollectionViewCell:

import Foundation 
import UIKit 
import Alamofire 
import AlamofireImage 

class WishListsCollectionViewCell: UICollectionViewCell { 

    var alamofireRequest: Alamofire.Request? 

    var imageView: UIImageView 

    let screenWidth = UIScreen.main.bounds.width 

    override init(frame: CGRect) { 

     imageView = UIImageView() 

     super.init(frame: frame) 

     contentView.addSubview(imageView) 

     imageView.translatesAutoresizingMaskIntoConstraints = false 

     imageView.contentMode = .scaleAspectFit 

     NSLayoutConstraint.activate([ 

      NSLayoutConstraint(item: imageView, attribute: .width, relatedBy: .equal, 
           toItem: nil, attribute: .width, 
           multiplier: 1.0, constant: screenWidth/4), 

      NSLayoutConstraint(item: imageView, attribute: .height, relatedBy: .equal, 
           toItem: nil, attribute: .height, 
           multiplier: 1.0, constant: (screenWidth/4) * Constants.IMAGE_ASPECT_RATIO), 

      ]) 
    } 

    required init?(coder aDecoder: NSCoder) { 
     fatalError("init(coder:) has not been implemented") 
    }  
} 

這裏是我的ViewController代碼相關部分:

import UIKit 
import Alamofire 
import AlamofireImage 
import MBProgressHUD 
import DBAlertController 

class WishListsViewController: UIViewController, UITableViewDelegate, UITableViewDataSource { 

    var tableView: UITableView = UITableView() 

    var screenSize: CGRect! 
    var screenWidth: CGFloat! 
    var screenHeight: CGFloat! 

    var cellId = "WishListsCell" 

    var didSelectItem:Bool = false 

    override func viewDidLoad() { 
     super.viewDidLoad() 

     screenSize = UIScreen.main.bounds 
     screenWidth = screenSize.width 
     screenHeight = screenSize.height 

     tableView.delegate  = self 

     tableView.dataSource = self 

     tableView.backgroundColor = .white 

     tableView.register(WishListsCell.self, forCellReuseIdentifier: cellId) 

     self.view.addSubview(tableView) 

     tableView.translatesAutoresizingMaskIntoConstraints = false 

     tableView.topAnchor.constraint(equalTo: view.topAnchor).isActive = true 
     tableView.leadingAnchor.constraint(equalTo: view.leadingAnchor).isActive = true 
     tableView.bottomAnchor.constraint(equalTo: view.bottomAnchor).isActive = true 
     tableView.trailingAnchor.constraint(equalTo: view.trailingAnchor).isActive = true 

     let customView = UIView(frame: CGRect(x:0, y:0, width:screenWidth, height:30)) 

     customView.backgroundColor = Constants.APP_BACKGROUND_COLOR 

     let button = UIButton(frame: CGRect(x: 0, y: 0, width: screenWidth, height: 30)) 

     button.setTitle("Add New Wish List", for: .normal) 

     button.setTitleColor(Constants.APP_TEXT_COLOR, for: .normal) 

     button.titleLabel?.font = Constants.APP_HEADER_FONT 

     button.addTarget(self, action: #selector(addButtonAction), for: .touchUpInside) 

     customView.addSubview(button) 

     tableView.tableHeaderView = customView   
    } 

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

    func numberOfSections(in tableView: UITableView) -> Int { 
     return wishLists.count 
    } 

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int { 
     return 1 
    } 

    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat { 

     return 120 
    } 

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell{ 

     let cell = tableView.dequeueReusableCell(withIdentifier: cellId, for: indexPath) as! WishListsCell 

     let listId = wishLists[indexPath.section]["listid"] as! Int 

     cell.alamofireRequest?.cancel() 

     cell.alamofireRequest = Alamofire.request(myURL) 
      .responseJSON(completionHandler: { 
       response in 
       self.parseWishListItemData(JSONData: response.data!)    
      }) 
     return cell 
    } 

    func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? { 

     let listName = wishLists[section]["listname"] as! String 

     return listName 
     } 
    } 
+0

只是一個猜測,但不應該將集合視圖的代表是在您添加集合視圖協議視圖控制器設置?並設置數據源並在那裏委託?我看到你已經添加了一個擴展,儘管可能不是。 –

+0

我正在關注幾個這樣做的博客,https://contentpedlar.wordpress.com/2016/10/22/uicollectionview-in-uitableview/ – markhorrocks

+0

也許是因爲您正在主線程上進行Web請求,阻止了用戶界面及其集合視圖的更新,因此爲什麼你沒有得到函數調用。如果你評論你的Alamofire代碼會發生什麼。 –

回答

1

它看起來並不像你加入您的收藏欣賞到在awakeFromNib中實例化後的視圖層次結構。您需要在單元格的內容視圖上致電addSubview

override func awakeFromNib() { 
    super.awakeFromNib() 
    // Initialization code 

    let layout: UICollectionViewFlowLayout = UICollectionViewFlowLayout() 
    layout.sectionInset = UIEdgeInsets(top: 0, left: 0, bottom: 0, right: 0) 
    layout.itemSize = CGSize(width: screenWidth, height: ((screenWidth/4) * Constants.IMAGE_ASPECT_RATIO)) 
    layout.minimumInteritemSpacing = 0 
    layout.minimumLineSpacing = 0 
    layout.estimatedItemSize.height = ((screenWidth/4) * Constants.IMAGE_ASPECT_RATIO) 
    layout.estimatedItemSize.width = screenWidth 

    collectionView = UICollectionView(frame: contentView.frame, collectionViewLayout: layout) 

    collectionView.delegate = self 

    collectionView.dataSource = self 

    self.contentView.addSubview(collectionView) // <-- Need this   
} 

如果表格單元格被重用,您可能還會遇到一些問題。您必須確保您的集合視圖委託在每次被重用時都被設置 - 大概在prepareForReuse之內。

+0

這也沒有幫助。沒有任何集合視圖函數被觸發。 – markhorrocks

+0

您可以設置集合視圖的背景顏色,並確保它顯示在表格單元格中嗎?另外,你是否在'awakeFromNib'中設置了一個斷點來確保它被調用? –

+0

tableViewCell沒有被調用。 – markhorrocks

0

初始化被錯誤地放在awakeFromNib(),應該已經在

override init(style: UITableViewCellStyle, reuseIdentifier: String?) { 
    super.init(style: style, reuseIdentifier: reuseIdentifier)