iOS) 스토리보드 없이 레이아웃 그리기 연습 & 공유기능 구현 예제 (1)

 

설정

스토리보드 없이 진행하기 위해 스토리보드 삭제.

남아있는 부분도 마저 삭제.

삭제시킬 스토리보드

Plist에서 main스토리보드가 표시되는 것이 Scene Delegate에 설정되어있었으나 삭제했으므로

수동으로 코드로 구현해주어야함.

 

가장 기본이 되는 윈도우와 뷰 컨트롤러를 설정해주는 메소드입니다.

오늘 사용할 프레임워크인 KingFisher와 SnapKit 또한 스위프트 패키지 매니저로 설치

 

 

레이아웃 그리기

1. 탭바 컨트롤러

 

기존의 뷰컨트롤러를 아래와 같이 이름과 상속을 변경

 

 

 

아직 탭바 아이템이 그려지지 않았기에 추가해줍니다.

그럼 다음과 같이 탭바가 그려지는 것을 확인할 수 있습니다.

 

투데이 뷰 컨트롤러 생성.

임시로 생성하던 뷰 컨트롤러를 투데이뷰 컨트롤러로 변경

 

 

 

사이즈 조절까지 마친 컬렉션 뷰 모습

커스텀셀을 만들기 전 커스템 셀의 클래스를 구현할 스위프트 파일을 만듭니다.

커스텀 셀을 뷰컨트롤러의 컬렉션 뷰가 사용하도록 변경후 캐스팅

2. 각 뷰 컴포넌트들 넣기.

이제 각 셀에 들어갈 타이틀 라벨, 서브 타이틀 라벨, 디스크립션 라벨, 꽉차게 될 UIVIEW를 구현하겠습니다.

임시로 텍스트를입력하고 테스트해보면 아래와 같이 텍스트가 잘 나오는 것을 확인할 수 있습니다.

3. 헤더

헤더를 구현해보겠습니다.

헤더를 구현하기 위한 커스텀 클래스를 만들어줍니다.

헤더와 푸터를 만들기위해선 UICollectionReusableView를 상속해야함.

 

헤더 뷰를 레지스터 시켜줍니다.

 헤더를 리턴

헤더의 사이즈 설정

다음은 앱 탭의 UI를 구성해보겠습니다.