美文网首页iOS Developer
巧妙的使用Rows来tableview扩展开来

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

作者: 君莫叹人生如若初见 | 来源:发表于2016-11-23 16:19 被阅读387次
    • 众所周知,让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扩展开来

        本文链接:https://www.haomeiwen.com/subject/pidvpttx.html