UITableview:单击自定义按钮时动态更改单元格高度 [英] UITableview : Change cell height dynamically when clicked the custom button

问题描述

我有一个 UITableview，其中每个单元格都有一个按钮.我的问题是，如果我单击第一行中的按钮，单元格的高度会增加，然后我单击 tableviewcell 中的另一个按钮，已经展开的单元格高度将减少，所选单元格的高度将增加

I have a UITableview in which each cell has a button. My issue is if i clicked the button in the first row, the height of the cell is increased, then i click the another button in the tableviewcell already expanded cell height will be reduced and selected cell height will be increased

尝试此链接后 UITableView:单击按钮时如何动态更改单元格高度?斯威夫特

这是我的代码:

    var indexOfExpendedCell:NSInteger = -1
    var shouldCellBeExpanded:Bool = false 


     func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
       cell.optionButton?.addTarget(self, action: #selector(ViewController.optionAction), forControlEvents: UIControlEvents.TouchUpInside)
       return cell
     }

    func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {

       if shouldCellBeExpanded && indexPath.row == indexOfExpendedCell {

        return 102
       }
       else { return 57 }
     }

    }

   func optionAction(sender: UIButton){

    if let button = sender as? UIButton {
      shouldCellBeExpanded = !shouldCellBeExpanded
      indexOfExpendedCell = sender.tag
        if shouldCellBeExpanded {
          self.tableView.beginUpdates()
          self.tableView.endUpdates()

          button.setImage(UIImage(named: "Reject Icon filled"), forState: .Normal)
        }

        else {
          self.tableView.beginUpdates()
          self.tableView.endUpdates()

          button.setImage(UIImage(named: "Reject Icon"), forState: .Normal)
        }

    }
  }

尝试此代码后，当我单击同一行中的按钮时，单元格高度会扩大和缩小.我没有执行以下步骤

after trying this code, the cell height is expanded and reduced when i click the button in the same row. I failed to do following steps

步骤:1.点击第二行单元格高度展开2.现在点击第一行我需要减少第二行的高度并扩大第一行的高度

Steps : 1. click the second row the height of cell is expanded 2. now click the first row i need to reduce height of second row and expand the height of first row

有人可以帮我吗?

推荐答案

创建一个数组来保存应展开的单元格.当按下按钮时，相应地向数组添加或删除元素.代码如下:

Create an array to hold which cells should be expanded. When a button is pressed, add or remove an element to the array accordingly. Here is the code:

// Initialize an empty array of integers
var expandedCells = [Int]()

@IBAction func buttonPressed(_ sender: AnyObject) {
    // If the array contains the button that was pressed, then remove that button from the array
    if expandedCells.contains(sender.tag) {
        expandedCells = expandedCells.filter({ $0 != sender.tag})
    }
    // Otherwise, add the button to the array
    else {
        expandedCells.append(sender.tag)
    }
    // Reload the tableView data anytime a button is pressed
    tableView.reloadData()
}

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) as! TableViewCell
    // Set the tag on your button to be equal to indexPath.row
    // This allows @IBAction func buttonPressed(_ sender: AnyObject) above to discern which row was tapped
    cell.myButton.tag = indexPath.row
    return cell
}

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    // Set the row height based on whether or not the Int associated with that row is contained in the expandedCells array
    if expandedCells.contains(indexPath.row) {
        return 102
    } else {
        return 57
    }
}

这篇关于UITableview:单击自定义按钮时动态更改单元格高度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！