긴 콘텐트 표시하기

레퍼런스를 확인할 수 있는 샘플 프로젝트를 제공해 드리고 있습니다. 샘플 프로젝트를 이용해 기능과 동작을 확인하신 후 직접 만들어 보시기 바랍니다.

콘텐트 스크롤 뷰는 하나의 긴 콘텐트를 표시할 수 있는 뷰 입니다. 테이블 뷰 사용이 적합하지 않는 긴 콘텐트를 만들 때 CHContentScrollViewController와 별도의 xib 파일을 이용하면 쉽게 긴 콘텐트 뷰를 스크롤할 수 있습니다.

실행할 스토리보드 파일을 선택합니다. 프로젝트 타겟의 General 설정사항 중 Main Interface에 LongContent 스토리보드를 선택합니다.

LongContent 스토리보드를 선택합니다.

뷰 컨트롤러의 속성을 CHContentScrollViewController로 변경한 뒤, User Defined Runtime Attributes 항목에 'xibName' 키를 만들고 로드할 xib 파일의 이름을 입력합니다. 여기에서는 'DailyPlan'이라는 xib를 사용할 것입니다.

CHContentScrollViewController를 설정합니다.

아래 그림과 같이 xib 파일을 하나 만들고 이름을 'DailyPlan.xib'라고 줍니다. xib내에서 뷰의 크기는 'Simulated Metrics'의 'Size' 항목을 'Freeform'으로 선택하면 얼마든지 크게 만들 수 있습니다.

xib 파일을 만들고 구성합니다.

Run 버튼을 눌러 실행해 보면, 큰 xib 파일이 스크롤 되는 것을 확인할 수 있습니다. 텍스트 필드의 경우, 포커스가 가면 키보드가 올라오기 때문에 키보드에 가려지는 영역이 있습니다. 키보드의 크기를 계산해서 해당 텍스트 필드가 가려지지 않도록 하는 기능이 기본적으로 제공됩니다.

긴 콘텐트가 표시됩니다. 키보드에서 리턴키를 입력하면 자동으로 스크롤 됩니다.