[iOS] xib 사용해서 재사용 가능한 Custom View 만들기

 

View를 선택해 xib 파일을 만들어준다.

그 다음 두 번째로 Cocoa Touch Class를 선택해 해당 파일의 실제 UIView 클래스 파일을 만들어 준다.

 

나는 PosterView라고 이름을 지어줬다. 다음으로, xib 파일과 클래스 파일을 연결시켜주는 단계다.

두 가지 방법이 있다. Custom Class를 바꿀 건지, File's Owner를 바꿀 건지. 후자를 선택할 거다. 이유는 활용도가 더 높기 때문!

 

인스펙터 영역에서 5번째 부분을 보면 File's Owner가 있다. 해당 영역에서 PosterView를 찾아서 입력해준다.

아래 사진처럼 왼쪽 부분 Placeholders -> File's Owner를 먼저 선택하면 보일 거다. 근데 이조차도 보이지 않는다면,, Document outline을 숨겨둔 것이니 그 부분을 show해주길..

 

 

다음으로 xib 파일의 영역에서 safeArea 부분이 필요없기 때문에 해제해줄 거다.

인스펙터 첫 번째 영역에서 Interface Builder Document -> Use Safe Area Layout Guides를 언체크해준다.

 

 

마지막으로 인스펙터의 5번째 영역에서 simulated Metrics -> Size를 Freeform으로 체크해서 원하는 UIView 크기로 조절해 작업할 수 있게 설정한다.

 

 

여기에 이제 오브젝트를 얹어서 클래스 파일에 아웃렛으로 연결짓고 사용해주면 끝.