[iOS/UI] Readmore 구현하기

이렇게 변수들을 선언해놓고

class Main: UITableViewController {
    var headerheight = 215
    var headerheights = [Int : Int]()
    var moreless = "more"
    var moreindex = 100
    var morearray = [Int]()

 

우선 셀 안의 버튼에 addTarget 해준다. action안에는 설정해놓은 함수를 집어넣는다.

 cell.morebtn.addTarget(self, action:#selector(Main.more(sender:)) , for: UIControl.Event.touchUpInside)

설정해놓은 more이라는 함수 안에 높이를 알아내는 함수 heightForView를 이용해 길이를 알아내고 sender.tag를 이용해 버튼의 index

 @objc func more(sender: UIButton){
        
        moreindex = sender.tag //moreindex를 선택한 태그로 설정해준다.
        morearray.append(moreindex) //morearray에 선택된 태그 즉 moreindex를 넣어준다.

    if sender.currentTitle == "more"{ //more이라고 설정되어있으면
        let Font = UIFont.systemFont(ofSize: 12) //폰트크기 세팅
        let height = heightForView(text:"자신의 글", font: Font, width: 텍스트가로크기) //text에
        headerheight = Int(height) //원래 헤더헤이트를 바꿔줌
        headerheights.updateValue(headerheight, forKey: moreindex) //그리고 헤더헤이트와 선택된 moreindex를 밸류 키값으로 넣어준다.
        tableView.reloadData() //테이블뷰를 새로고침해줌.
        }
        }

높이를 알아내는 함수

func heightForView(text:String, font:UIFont, width:CGFloat) -> CGFloat{
    let label:UILabel = UILabel(frame: CGRect(x: 0, y: 0, width: width, height: CGFloat.greatestFiniteMagnitude))
    label.numberOfLines = 0
    label.lineBreakMode = NSLineBreakMode.byWordWrapping
    label.font = font
    label.text = text
    label.sizeToFit()

    return label.frame.height
}

헤더높이를 이와같이 설정해준다.

 override func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
        
        for i in morearray{ //morearray중에
            if i == section { //섹션과 같은애가 있다면
                return CGFloat(headerheights[section] ?? 215) //거기는 정해놓은 헤더높이로 바꿔줘
            }
            
         }
        return 215 //아닌 건 자기가 정해놓은 높이로 해놓는다.
        
    }

이와 같이 설정해놓으면 이렇게 된다!