Re: [問題] 展開tableview中cell的方法

[yuanruo (罪を憎んで人を憎まず)]

※ 引述《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://www.ptt.cc/bbs/MacDev/M.1582964780.A.E6C.html
※ 編輯: yuanruo (122.116.161.187 臺灣), 02/29/2020 16:27:16
推 frank61003: 謝謝分享 當貼文不只一則的話，
→ frank61003: numberofRow 要設為所有貼文數加上所
→ frank61003: 有貼文的留言數。我這樣理解對嗎?
推 frank61003: 喔 我懂了 是貼文數+1沒錯 請問是每則
→ frank61003: 貼文視為一個section對嗎
推 frank61003: 目前能分section,但是每個section的
→ frank61003: row == 0的時候,都會拿到datasource的
→ frank61003: 第一筆,所以現在整個tableview都是第
→ frank61003: 一筆
推 frank61003: 剛發現是我搞錯indexPath.section跟
→ frank61003: indexPath.row 現在已經可以縮放
→ frank61003: 我是參考這個影片做的,但現在遇到一個
→ frank61003: 難題,我是想點cell內的button來展開
→ frank61003: 點擊貼文是跳到下一個畫面,
→ frank61003: 不知道能不能解？
→ frank61003: https://reurl.cc/9Eo15j
→ yuanruo: button用tag記錄section 做原本貼文的事
推 frank61003: 我button後來有用protocol做出來了
→ frank61003: https://reurl.cc/V6pejb
→ frank61003: 請問y大對於展開後需要一欄可以輸入留
→ frank61003: 言跟送出留言的地方,是在section最後
→ frank61003: 多一個cell,還是用footer做呢？現在
→ frank61003: footer市只有加高度讓貼文看起來間隔
→ frank61003: 大點
→ yuanruo: 因為影片全用cell做~你沒法用footer
→ yuanruo: 多加一個cell模擬最後一~像第一個一樣
推 frank61003: 請問y大知道展開留言後，能自動往下
→ frank61003: 滑到最下方留言的功能要怎麼做嗎?
→ yuanruo: 取當前sention最後一個cell indexPath
→ yuanruo: tableview.scrollToRowAtxxxx(
→ yuanruo: 但資料量大時reload後加個layoutIfNeeded
→ yuanruo: 或是回到main queue執行滾動函式
推 frank61003: 目前遇到的問題是刪掉貼文後,再次展開
→ frank61003: 留言畫面(不同貼文)會重疊在一起
→ frank61003: 這部分要從哪個方向下手呢？
推 frank61003: 刪掉最上面一則貼文結果留言都往上跑
→ frank61003: 一則,第二則按下去會跑第三則的留言XD
推 frank61003: 看起來是datasource是外面data複製一
→ frank61003: 份,兩邊資料都刪除同樣index就好了