簡體   English   中英

如何在Swift 3中實現表格視圖單元格嵌入集合視圖?

[英]How to implement a table view cell embed collection view in swift 3?

在這里,我有一個布局,其中具有動態行的表視圖和要在其中加載單元格的內部集合視圖,在這里,在第一個表視圖單元格中選擇第一個集合視圖之后,如何重新加載具有數量集合的第二個表視圖單元格視圖,這里創建的所有集合視圖都是動態的,任何人都可以幫助我解決這個問題嗎?或者,如果不可能的話,在Swift 3中沒有其他替代布局嗎?

這是我在索引路徑代碼行的單元格

     if indexPath.section == 0 {
           let cell = addToCartTableView.dequeueReusableCell(withIdentifier: "addToCartCollectionCell") as! AddToCartCollectionTableViewCell
            cell.configurableProduct = self.detailModel
            print(self.detailModel)
            cell.collectionView.tag = indexPath.row
            self.addToCartTableView.setNeedsLayout()
            self.addToCartTableView.layoutIfNeeded()
            cell.collectionView.reloadData()
            cell.cellLabel.text = detailModel?.extensionAttribute?.productOptions[indexPath.row].label
            if detailModel?.extensionAttribute?.productOptions[indexPath.row].label == "Size"{
                cell.sizeGuideBtn.isHidden = false
            }else{
                cell.sizeGuideBtn.isHidden = true
            }
            cell.getCurrentRow = indexPath.row
            return cell
        }else {
            let cell = addToCartTableView.dequeueReusableCell(withIdentifier: "addToCartQtyCell") as! AddToCartQuantityTableViewCell
            self.addToCartTableView.setNeedsLayout()
            self.addToCartTableView.layoutIfNeeded()
            cell.QtyLabel.text = "Qty"
            return cell
        }

這是我的表格視圖單元格代碼

override func awakeFromNib() {
        super.awakeFromNib()
        collectionView.delegate = self
        collectionView.dataSource = self
        print(getCurrentRow)
        // Initialization code
    }

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
       return CGSize(width: 50, height: 30)
    }

    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        print(configurableProduct?.extensionAttribute?.productOptions[getCurrentRow].values.count)
        return (configurableProduct?.extensionAttribute?.productOptions[getCurrentRow].values.count)!
    }

    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "CollectionViewCell", for: indexPath) as! AddToCartCollectionViewCell
        if getCurrentRow == 0 {
            let items = configurableProduct?.extensionAttribute?.productOptions[getCurrentRow].values[indexPath.row]
            cell.collectionLabel.text =  "\(items?.valueIndex as! Int)"
            if indexPath.item == self.selectedIndex{
                cell.backgroundColor = #colorLiteral(red: 0.007509540026, green: 0.6581087804, blue: 0.01165772038, alpha: 1)
            }else if self.selectedIndex == nil {
                cell.backgroundColor = UIColor.white
            }else{
                cell.backgroundColor = UIColor.white
            }
        }
        else {
            if selectedValue != nil {
                for item in (self.configurableProduct?.extensionAttribute?.productStock)! {
                    //                            let jsonStr = "{\"label\":\"57-175\",\"stock\":0}"
                    let dict = try! JSONSerialization.jsonObject(with: item.data(using: .utf8)!, options: []) as! [String:Any]
                    let labelValue = dict["label"] as! String
                    print(labelValue)
                    let values:[String] = labelValue.components(separatedBy: "-")
                    print(values)
                    self.colorNumber = Int(values[0])
                    self.sizeNumber = Int(values[1])
                    let stock = dict["stock"] as! Int
                    let value = selectedIndex
                    if value == self.colorNumber {
                        if stock != 0 {
                            self.sizeArray.append(self.sizeNumber!)
                            print(self.sizeArray)
                            cell.collectionLabel.text =  "\(self.sizeNumber)"
                        }
                    }
                }
                if indexPath.item == self.selectedIndex{
                    cell.backgroundColor = #colorLiteral(red: 0.007509540026, green: 0.6581087804, blue: 0.01165772038, alpha: 1)
                }else if self.selectedIndex == nil {
                    cell.backgroundColor = UIColor.white
                }else{
                    cell.backgroundColor = UIColor.white
                }
            }
            else {
                let items = configurableProduct?.extensionAttribute?.productOptions[getCurrentRow].values[indexPath.item]
                print(items?.valueIndex)
                for item in (self.configurableProduct?.extensionAttribute?.productStock)! {
                    //                            let jsonStr = "{\"label\":\"57-175\",\"stock\":0}"
                    let dict = try! JSONSerialization.jsonObject(with: item.data(using: .utf8)!, options: []) as! [String:Any]
                    let labelValue = dict["label"] as! String
                    print(labelValue)
                    let values:[String] = labelValue.components(separatedBy: "-")
                    print(values)
                    self.colorNumber = Int(values[0])
                    self.sizeNumber = Int(values[1])
                    let stock = dict["stock"] as! Int
                    let value = self.selectedIndex
                    if value == self.colorNumber {
                        if stock != 0 {
                            self.sizeArray.append(self.sizeNumber!)
                            print(self.sizeArray)
                            cell.collectionLabel.text =  "\(items?.valueIndex as! Int)"
                        }
                    }else {
                        cell.collectionLabel.text =  "\(items?.valueIndex as! Int)"
                    }
                }
                if indexPath.item == self.selectedIndex{
                    cell.backgroundColor = #colorLiteral(red: 0.007509540026, green: 0.6581087804, blue: 0.01165772038, alpha: 1)
                }else if self.selectedIndex == nil {
                    cell.backgroundColor = UIColor.white
                }else{
                    cell.backgroundColor = UIColor.white
                }
            }
        }
        return cell
    }
    func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
        if collectionView.tag == 0 {
            let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "CollectionViewCell", for: indexPath) as! AddToCartCollectionViewCell
            cell.backgroundColor = #colorLiteral(red: 0.007509540026, green: 0.6581087804, blue: 0.01165772038, alpha: 1)
            cell.collectionLabel.layer.cornerRadius = 15
            cell.collectionLabel.layer.borderColor = #colorLiteral(red: 0.007509540026, green: 0.6581087804, blue: 0.01165772038, alpha: 1)
            self.dataSelected = true
            self.selectedIndex = indexPath.item
            if collectionView.tag == 0 {
                collectionView.tag = 1
                self.collectionView.reloadData()
                self.sizeArray.removeAll()
                self.getCurrentRow = 1
                self.selectedValue = configurableProduct?.extensionAttribute?.productOptions[getCurrentRow].values[indexPath.item].valueIndex
            }
            else {

            }
        }else {
            print(collectionView.tag)
        }
    }

在這里選擇顏色之后,然后根據json數據大小數組需要重新加載新數據

在這里,我張貼了如何實現解決方案,請按照以下步驟操作。

  1. CellForRow

顯然,您的cellforrow必須如下所示,

if indexPath.row == 0{
   // your image cell
}
else if indexPath.row == 1{
   // color collection cell
}
else if indexPath.row == 2{
   // your size cell
}
  1. 現在你collectionViewCell 代表數據源必須結合其TableViewcellsizeCollectionCell必須與被綁定sizetableCellcolorCollectionCell必須與被綁定colortableCell

  2. 現在,在colorCollectionCell ,是只要用戶選擇任何顏色,就會調用didSelect委托。 現在,使用protocol-delegate將這些選定的索引傳遞給mainVC類。

  3. 現在您的mainVC知道用戶已選擇了哪種顏色,現在僅重新加載tableView的第二個索引,如下所示

  4. 現在,在以下情況下關注cellForRow

     if indexPath.row == 2{ // pass your new array of sizes based ont he color selection to the collectionview here and reload your size collectionview. } 

如果仍然面臨問題或需要任何幫助,請告訴我。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM