作者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/m.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