作者yuanruo (罪を憎んで人を憎まず)
看板MacDev
标题Re: [问题] 展开tableview中cell的方法
时间Sat Feb 29 16:26:16 2020
※ 引述《frank61003 (驼龟)》之铭言:
: 想请问大家
: 如果想做一个类似涂鸭墙的TableView
: 现在是把每个cell设置成一则贴文的样式
: 那点击留言後弹开留言需要用什麽元件写
: 因为每则贴文的留言数都不一样
: 是要在cell里面再放个完全展开且不能滑动的tableView吗
: 还是有其他元件可以达成这种元件数量未定的功能
: 谢谢大家
第一种
你可以设一个资料结构 比如
struct CellData {
let content: String //贴文内容
/* 头像,时间随你加 或是你设另一个资夹结构都包起来也行 */
let isExpand: Bool
let expandCellData: [留言的资料结构]
let sention: Int
}
然後api回来後自己组成上列格式,再numberofRow里 总数要取expandCellData + 1
然後cell for row , section,indexpath都为0为贴文cell 其余留言cell
然後再留言cell判断isExpand是true才塞资料进去
heightForRow也要判断isExpand == false 为 0
再didSelectRow 里判断如果indexPath.section == 0 时
更改当前section下的CellData 的isExpand状态
可以用enumerated().map 同时取到idx 和 资料
ex
if indexPath.row == 0 {
let newData = myData.enumerated().map { (idx, data)
if section == indexPath.section {
data.isExpand.toggle() //忘了可不可以直接改 不行就先取出来
return data
}else {
return data
}
}
self.myData = newData
tableView.reloadData()
}
这样可以点击贴文展开收合下面留言,多个也没问题
第二种方法,不过通常是很旧的写法, 找到的范例几乎都是Objc版本的
也就是准备两个dataSource , 一开始全都只显示SentionHeader
点击後触发action 把cell insert到相对应的section下面
要收合时再对应的section index delete掉相应section内的cell资料
通常tableView的style会设成group
这方法麻烦的是insert和delete时如果跟原本datasource对应不上就会挂掉
// 纯手打有地方打错请自行修正 ^^
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 122.116.161.187 (台湾)
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/MacDev/M.1582964780.A.E6C.html
※ 编辑: yuanruo (122.116.161.187 台湾), 02/29/2020 16:27:16
1F:推 frank61003: 谢谢分享 当贴文不只一则的话,223.137.174.171 03/02 01:43
2F:→ frank61003: numberofRow 要设为所有贴文数加上所223.137.174.171 03/02 01:44
3F:→ frank61003: 有贴文的留言数。我这样理解对吗?223.137.174.171 03/02 01:45
4F:推 frank61003: 喔 我懂了 是贴文数+1没错 请问是每则 60.248.161.187 03/02 14:56
5F:→ frank61003: 贴文视为一个section对吗 60.248.161.187 03/02 14:58
6F:推 frank61003: 目前能分section,但是每个section的 60.248.161.187 03/02 17:18
7F:→ frank61003: row == 0的时候,都会拿到datasource的 60.248.161.187 03/02 17:19
8F:→ frank61003: 第一笔,所以现在整个tableview都是第 60.248.161.187 03/02 17:20
9F:→ frank61003: 一笔 60.248.161.187 03/02 17:21
10F:推 frank61003: 刚发现是我搞错indexPath.section跟 60.248.161.187 03/02 19:42
11F:→ frank61003: indexPath.row 现在已经可以缩放 60.248.161.187 03/02 19:43
12F:→ frank61003: 我是参考这个影片做的,但现在遇到一个 60.248.161.187 03/02 19:43
13F:→ frank61003: 难题,我是想点cell内的button来展开 60.248.161.187 03/02 19:44
14F:→ frank61003: 点击贴文是跳到下一个画面, 60.248.161.187 03/02 19:45
15F:→ frank61003: 不知道能不能解? 60.248.161.187 03/02 19:45
17F:→ yuanruo: button用tag记录section 做原本贴文的事122.116.161.187 03/02 21:27
18F:推 frank61003: 我button後来有用protocol做出来了 223.137.16.140 03/04 01:28
20F:→ frank61003: 请问y大对於展开後需要一栏可以输入留 223.137.16.140 03/04 01:30
21F:→ frank61003: 言跟送出留言的地方,是在section最後 223.137.16.140 03/04 01:31
22F:→ frank61003: 多一个cell,还是用footer做呢?现在 223.137.16.140 03/04 01:32
23F:→ frank61003: footer市只有加高度让贴文看起来间隔 223.137.16.140 03/04 01:33
24F:→ frank61003: 大点 223.137.16.140 03/04 01:33
25F:→ yuanruo: 因为影片全用cell做~你没法用footer122.116.161.187 03/05 21:15
26F:→ yuanruo: 多加一个cell模拟最後一~像第一个一样122.116.161.187 03/05 21:15
27F:推 frank61003: 请问y大知道展开留言後,能自动往下 111.240.134.4 03/08 14:07
28F:→ frank61003: 滑到最下方留言的功能要怎麽做吗? 111.240.134.4 03/08 14:07
29F:→ yuanruo: 取当前sention最後一个cell indexPath122.116.161.187 03/08 19:02
30F:→ yuanruo: tableview.scrollToRowAtxxxx(122.116.161.187 03/08 19:04
31F:→ yuanruo: 但资料量大时reload後加个layoutIfNeeded122.116.161.187 03/08 19:10
32F:→ yuanruo: 或是回到main queue执行滚动函式122.116.161.187 03/08 19:10
33F:推 frank61003: 目前遇到的问题是删掉贴文後,再次展开 60.248.161.187 03/10 11:45
34F:→ frank61003: 留言画面(不同贴文)会重叠在一起 60.248.161.187 03/10 11:45
35F:→ frank61003: 这部分要从哪个方向下手呢? 60.248.161.187 03/10 11:46
36F:推 frank61003: 删掉最上面一则贴文结果留言都往上跑 60.248.161.187 03/10 12:36
37F:→ frank61003: 一则,第二则按下去会跑第三则的留言XD 60.248.161.187 03/10 12:37
38F:推 frank61003: 看起来是datasource是外面data复制一 60.248.161.187 03/10 16:02
39F:→ frank61003: 份,两边资料都删除同样index就好了 60.248.161.187 03/10 16:02