Expandable tableView Cell(셀 확장)

셀을 누르면 아래로 상세 내용이 펼쳐지는 UI를 만들 때는

상세 내용을 hidden 시켰다가 셀이 눌리면 보여주는 형식으로 구현하면 된다

 

1. 셀을 눌렀을 때 보여줄 view를 'myView.isHidden = true' 로 만든다.

 

2. 셀이 눌리면 myView의 isHidden 상태를 반전 시켜주고, 

    해당 셀을 reload시켜준다.

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
  myView.isHidden = !myView.isHidden
  tableView.reloadRows(at: [IndexPath(row: indexPath.row, section: 0)], with: .automatic)
}

 

3. 셀의 높이를 myView가 hidden 상태일 때와 아닐 때로 나누어 설정해준다.

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
  return myView.isHidden ? 86 : 446
}

 

참고:

https://ios-development.tistory.com/1222

[iOS - swift] extendable tableView 구현 방법 (동적으로 늘어나는 셀 구현), reloadRows(at:with:)

https://medium.com/@MuralidharanKathiresan/uitableview-with-collapsible-expand-and-collapse-cells-ios-swift-8a1db381000e

UITableView with Collapsible (expand and collapse) Cells iOS Swift

https://blog.devgenius.io/easy-way-to-create-an-expandable-uitableviewcell-in-swift-5-a5c72d1361da

Expandable UITableViewCell in Swift 5 (Simple Way)