- 众所周知,让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
}
以上是作者的思路。_
网友评论