UICollectionView Cells在reloadData()上调整大小不正确

时间:2017-11-16 19:44:16

标签: ios swift

我的视图有一个表视图,每行都有一个集合视图。集合单元格有一个文本字段(以及它的子类),一个标签和一个文本视图,它们都是全尺寸的,除了一个之外,其他所有都是隐藏的,具体取决于单元格的位置。

当编辑其中一个文本字段时,委托(CollectionView)将新值传递回视图控制器以更改数组,然后重新加载相应的单元格,因为其中包含计算数据。

问题是第二次编辑其中一个文本字段时有两个单元格交换宽度,如果再编辑文本字段两次,它似乎会换回,但边框保持在错误的位置。

初始加载后的表:

两次更改数量后的表格

文字字段和视图委托方法

    func textFieldDidEndEditing(_ textField: UITextField) {
        let currencyField = textField as! CurrencyField
        let indexPath = indexPathForCellWithSubview(cellSubview: textField)!
        (dataSource as! DetailViewController).changeData(tableRow: tag, collectionItem: indexPath.row, newData: currencyField.decimal)
        let indexPaths: [IndexPath] = [IndexPath(row: 1, section: 0),IndexPath(row: 2, section: 0),IndexPath(row: 4, section: 0),IndexPath(row: 5, section: 0)]

        collectionViewLayout.invalidateLayout()
        reloadItems(at: indexPaths)
    }

    func textViewDidEndEditing(_ textView: UITextView) {
        let indexPath = indexPathForCellWithSubview(cellSubview: textView)!
        let indexPaths: [IndexPath] = [IndexPath(row: 1, section: 0),IndexPath(row: 2, section: 0),IndexPath(row: 4, section: 0),IndexPath(row: 5, section: 0)]
        let dec = textView.text!.decimalFromString()
        if(dec != 0){
            (dataSource as! DetailViewController).changeData(tableRow: tag, collectionItem: indexPath.row, newData: dec)
            reloadItems(at: indexPaths)
        } else {
            (dataSource as! DetailViewController).changeData(tableRow: tag, collectionItem: indexPath.row, newData: textView.text!)
        }
        collectionViewLayout.invalidateLayout()
    }

阵列

var dummyData: [[Any]] = [
    ["Fencing garden",Decimal(1),Decimal(8500.00)],
    ["Ditching",Decimal(1),Decimal(1950.00)],
    ["Fred",Decimal(1),Decimal(1950.00)]]

单元格宽度

let table4Cells: [Int] = [310,65,100,105]
let table6Cells: [Int] = [250,40,80,50,80,80]

数据设置和获取

func changeData(tableRow: Int, collectionItem: Int, newData: Any){

    var qty: Decimal = dummyData[tableRow][1] as! Decimal
    var cost: Decimal = dummyData[tableRow][2] as! Decimal
    var total: Decimal

    switch(collectionItem){
    case 1:
        qty = newData as! Decimal
    case 2:
        cost = newData as! Decimal
    case 3:
        total = newData as! Decimal
        cost = total / qty
    case 5:
        total = newData as! Decimal
        cost = (total / qty) / (1 + vatPC)
    default: dummyData[tableRow][collectionItem] = newData
    }
    dummyData[tableRow][1] = qty
    dummyData[tableRow][2] = cost
}

func collectionViewCellText(tag: Int, row: Int) -> String {
    var text: String = ""
    if(tag == 666){
        if(!vatRegistered && row == 3){
            return tableHeaderText[5]
        } else {
            return tableHeaderText[row]
        }
    } else {
        let qty: Decimal = dummyData[tag][1] as! Decimal
        let cost: Decimal = dummyData[tag][2] as! Decimal
        switch(row){
        case 3:
            if(vatRegistered){
                text = String(describing: vatPC * 100)
            } else {
                text = String(describing: qty * cost)
            }
        case 4:
            text = String(describing: cost * vatPC)
        case 5:
            text = String(describing: qty * (cost * (1 + vatPC)))
        default:
            text = String(describing: dummyData[tag][row])
        }
    }
    return text
}

索引路径上的单元格大小

    func collectionView(_ collectionView: UICollectionView,
                        layout collectionViewLayout: UICollectionViewLayout,
                        sizeForItemAt indexPath: IndexPath) -> CGSize {
        if(vatRegistered){
            return CGSize(width: self.table6Cells[indexPath.row], height:self.collectionCellHeight)
        }
        return CGSize(width: self.table4Cells[indexPath.row], height:self.collectionCellHeight)
    }

索引路径行的单元格

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

        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "Cell",
                                                      for: indexPath as IndexPath) as! InvoiceCollectionViewCell
        cell.textView.delegate = self
        if(collectionView is RJCollectionView){
            cell.currencyField.delegate = collectionView as! RJCollectionView
            cell.textView.delegate = collectionView as! RJCollectionView
        }
        if(collectionView.tag == 666){
            if(indexPath.row == 0){
                cell.addBorder(side: .left, thickness: 0.5, color: UIColor.black)
                cell.addBorder(side: .right, thickness: 0.5, color: UIColor.black)
                cell.addBorder(side: .top, thickness: 0.5, color: UIColor.black)
                cell.addBorder(side: .bottom, thickness: 0.5, color: UIColor.black)
            } else {
                cell.label.textAlignment = NSTextAlignment.center
                cell.textView.textAlignment = NSTextAlignment.center
                cell.addBorder(side: .right, thickness: 0.5, color: UIColor.black)
                cell.addBorder(side: .top, thickness: 0.5, color: UIColor.black)
                cell.addBorder(side: .bottom, thickness: 0.5, color: UIColor.black)
            }
        } else {
            if(indexPath.row == 0){
                cell.addBorder(side: .left, thickness: 0.5, color: UIColor.black)
                cell.addBorder(side: .right, thickness: 0.5, color: UIColor.black)
                cell.addBorder(side: .bottom, thickness: 0.5, color: UIColor.black)
            } else {
                cell.label.textAlignment = NSTextAlignment.center
                cell.textView.textAlignment = NSTextAlignment.center
                cell.addBorder(side: .right, thickness: 0.5, color: UIColor.black)
                cell.addBorder(side: .bottom, thickness: 0.5, color: UIColor.black)
            }
            if(vatRegistered){
                switch(indexPath.row){
                case 2,5: cell.textType(i: "CurrencyView")
                case 3:
                    cell.textType(i: "TextView")
                    cell.textView.isUserInteractionEnabled = false
                case 4:
                    cell.currencyField.isUserInteractionEnabled = false
                    cell.textType(i: "CurrencyView")
                default: cell.textType(i: "TextView")
                }

            } else {
                switch(indexPath.row){
                case 2,3: cell.textType(i: "CurrencyView")
                default: cell.textType(i: "TextView")
                }
            }
        }

        if(collectionView.tag == 0){
            print(cell.currencyField.bounds.width)
        }

        cell.text = collectionViewCellText(tag: collectionView.tag, row: indexPath.row)

        return cell
    }

注意:collectionview.tag是集合视图所在表的行.666是标题行。 vatRegistered是一个bool,当true时将集合视图的宽度设置为6而不是4个单元格

1 个答案:

答案 0 :(得分:1)

更新

我将整个项目拆分为二级项目并将collectionview直接放入主视图中,但仍然存在问题

似乎问题是由于contentView没有调整到单元格的大小,这似乎是iOS的一个错误,所以当单元格被推送并重新加载时弹出到堆栈上它们切换顺序,但无论如何设置单元格大小的原因没有重置contentView的大小。

中加入:

    cell.contentView.frame = cell.bounds;
    cell.contentView.autoresizingMask = [.flexibleWidth, .flexibleHeight]

到sizeforitem流程布局方法修复了奇怪的偏移量。

错误位置的边框是我用来添加边框的uiview扩展名,它只是将设置宽度的视图添加到要求的任何边缘,重新使用单元格时必须将其删除