[ iOS ] UICollectionViewCell에서 ImageView 초기화 시점과 awakeFromNib()

 

 

스토리보드를 통해 ImageView를 배치해야하는 상황이 있다고 합시다. 모서리에 둥근 효과를 주기 위해서는 스토리보드만으로는 한계가 있습니다. 따라서 일반적으로 코드에서 UIView.layer.cornerRadius를 적용해 둥근 모서리를 구현합니다. 이처럼 보통 스토리보드와 코드는 함께 사용합니다.

UIViewController에서는 아웃렛 변수에 접근할 때 보통 viewDidLoad 내부에 구현합니다. 하지만 UICollectionViewCell에서 아이템으로 둥근 모서리를 가진 ImageView를 사용하려면 어디에 구현할 수 있을까요?

 

 

먼저 이니셜라이저부터 생각해볼 수 있습니다. UIView의 이니셜라이저는 두 가지가 존재합니다.

• init(frame:)
• init(coder:)

스토리보드를 사용해 UI를 구성한 후 해당하는 ViewController 객체를 생성하면 호출되는 것은 바로  init(coder:) 이니셜라이저입니다. 하지만 그렇다고 init(coder:) 에 둥근 이미지 효과를 구현한다면 아래와 같은 오류를 만나게 됩니다. 바로 imageView가 nil이라는 오류 메시지입니다.

swift:37: Fatal error: Unexpectedly found nil while implicitly unwrapping an Optional value

 

 

imageView가 왜 nil인지에 대해 이야기하기 위해서는 nib file에 대해 알고 있어야 합니다.

nib file은 창 뷰 컨트롤 등을 포함한 애플리케이션 사용자 인터페이스의 시각적 요소를 설명합니다. 여기서 설명한다는 것은, 런타임 시 애플리케이션 내에서 개체를 재생성하고 재구성할 수 있는 정보를 갖고 있다는 것을 의미합니다. 이러한 nib file로부터 nib loading code는 객체를 인스턴스화하고 초기화합니다. 그리고 nib 모든 객체들에 대한 아웃렛과 액션을 재연결합니다.

 

 

위의 초기화 작업이 바로 init(coder:) 을 통해 수행됩니다. 이후 아웃렛과 액션이 재연결되기 때문에 init(coder:) 메서드 내부에서는 “아직” imageView가 연결되지 않아 nil이었던 것입니다.

그렇다면 재연결된 후의 시점을 찾아 작업을 수행하면 됩니다. nib-loading 인프라는 재생산되어 초기화된 모든 객체들에게 awakeFromNib 메시지를 전송니다. 따라서 객체가 awakeFromNib 메시지를 받을 때는 모든 아웃렛과 액션이 연결되었음을 보장합니다. 따라서 아웃렛 변수에 접근해 추가적인 코드 작업을 수행하고 싶다면 awakeFromNib()에서 구현하면 됩니다. 이러한 이유로 일반적으로 awakeFromNib()은 객체에 추가적인 디자인이 필요할 때 재정의되어 구현됩니다.

 

 

 

 

 

Nib Files

init(frame:)

awakeFromNib()

init(nibName:bundle:)

init(frame:)