巧妙的使用Rows来tableview扩展开来

  • 众所周知,让tableview具有展开与收缩功能有这样一种方法:
    • 首先创建两个数组,一个数组表示展开前的数据,一个数组则表示当前节展开的子数据。
    • 通过创建sectionHeaderView来显示展开前的数据形式,然后再通过手势或者button响应事件拉伸或者收缩tableview
    • 在该事件中通过一个BOOL型数据,更新数据源并且reload即可完成二级列表拉伸与收缩操作。(ps:reloadRowsAtIndexPaths)

作者思量许久,若不用Section该如何让tableview进行拉伸与收缩呢?以下是作者的思路:

  • 首先创建一个字典,key值表示在tableview拉伸前的数据,value则是一个数组表示拉伸展开的数据(一个二维数组,第一个表示展开的数据,第二个表示是否已经展开)。(注意:字典是无序的)
字典
  • 接下来新建需要在tableview上显示的数据,是一个数组。在此数据上进行添加与删除操作完成视图的更新。
显示的数据
  • 接下来直接创建tableview显示当前的数据:
func numberOfSections(in tableView: UITableView) -> Int {
        return 1
    }
    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return sectiondata.count
    }
    
    func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
        return sectiondata[section]
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        var cell = tableview .dequeueReusableCell(withIdentifier: "cell")
        if cell == nil {
            cell = UITableViewCell.init(style: .default, reuseIdentifier: "cell")
        }
      
        cell?.textLabel?.text  = sectiondata[indexPath.row]

        return cell!
    }

  • 最关键的步骤来啦,点击cell展开数据。
  • 作者新建了一个全局的temp来记录当前展开数据的位置var temp = 1
  • 接下来通过获取当前点击cell的内容获取展开的数据。
        let cell = tableView.cellForRow(at: indexPath)
        
        let arr = data[(cell?.textLabel?.text)!]!
  • 然后作者通过一个isExpand的Bool型内容获取当前的二维数组数据是否扩展开来,扩展开来插入数据,没有扩展则删除数据。
  //判断当前的值
        if isExpand {
            
            for value in arr{
                sectiondata.insert(value, at: (temp))
                let index = NSIndexPath.init(row: temp, section: 0)
                tableview .insertRows(at: [index as IndexPath], with: .bottom)
                temp = temp + 1
            }
            temp = temp + 1
        } else {
        //此部分还没有完善
            temp = temp - 4
        }

以上是作者的思路。_

你可能感兴趣的:(巧妙的使用Rows来tableview扩展开来)