swift 테이블뷰 셀의 동적 높이

swift 테이블뷰 셀의 동적 높이

 

1. 테이블 뷰를 생성한 후 , 제약조건을 위, 아래, 좌, 우 0, 0 , 0 ,0 으로 준다.

 

2. 테이블뷰 cell 을 테이블 뷰에 넣어준다.

 

3.cell에 이미지 뷰를 넣어준다. (위, 좌측 제약조건 15, 15 , 크기는 가로 , 세로 50 , 50)

 

4. 라벨을 두게 넣어준다.(타이틀 라벨, 설명라벨)

 

5.타이틀 왼쪽제약조건, 우측제약조건 각각 15로 준다. 좌측이미지 먼저 클릭, cmd 누르고 타이틀 라벨 클릭 후 정렬조건을 vertical center로 지정

 

6.설명라벨은 위, 아래, 좌, 우 제약조건을 각각 15씩 설정한다.

 

7.cell의 아이디를 지정해준다.

 

7.Cell 클래스를 생성 후 , 스토리보드의 테이블뷰 cell 과 연결시켜준다. 그리고 설명라벨을 ExpandCell에 연결시켜준다.

 

 

8.테이블뷰 프로토콜을 채택해주고 필요한 메소드를 구현해준다.

 

 

9.테이블 뷰에서 사용할 데이터 모델 생성

 

10.테이블뷰에 사용할 데이터 모델에 데이터 넣어주기.

 

 

11.테이블 뷰 델리게이트 메소드 구현해주기.

테이블 뷰의 cell을 늘려줄지 안늘려줄지 설정은 lable의 numberOfLines 를 0 이냐 1이냐로 설정해주면 된다.

 

12.테이블뷰 Cell을 클릭했을때, 라벨의 라인수를 늘려주고, 선택된 row 만 갱신해주기.

 

13.테이블 뷰를 펼치고 닫을때, 테이블 뷰가 통통 튕기는 현상 해결하기