[iOS] 컴포넌트를 코드베이스, 스토리보드에서 둘다 쓸 수 있도록 하는 방법🐯

Component 💭

요 하단의 버튼이 많은 뷰에서 재사용되고 있어서 컴포넌트화 했습니다

초기화할때 setLayout에서 width와 height를 잡아줬구, centerX만 잡아주면 바로 적용될 수 있도록 했습니다.

그 외의 버튼 UI와 title, 활성·비활성화 상태 등은 setUI(.type), setTitle, setAble 등의 함수로 설정할 수 있도록 했습니다.

 

문제🚨

저는 코드베이스로 뷰를 짰기 때문에 BottomButton 이라는 클래스명으로 사용했는데

스토리보드를 사용하는 팀원은 이걸 어떻게 사용하나 하는 문제가 있었습니다..

 

해결 방법💡

방법은 생각보다 굉장히 간단했슴니다 !

보통 에러 메세지를 넣어주는 required init에도 초기화 함수를 넣어주면 됩니당

class BottomButton: UIButton {

    // MARK: - Initialize
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        setLayout()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setLayout()
    }
	
	// ...

}

 

---

init❓

init(frame:)

지정된 프레임 사각형으로 새로 하랑된 뷰 개체를 초기화하고 반환

• UIVIew나 UIViewController을 서브클래싱하면 생성되는 이니셜라이저
• Frame rectangle을 가지고 구현하고자 하는 뷰의 중심과 경계선을 지정
• 스보, xib, nib 같은 인터페이스 빌더가 아닌 코드베이스로 UIView Class의 뷰 객체를 만들때 사용

👥 새로운 뷰 객체는 사용되기 전에 뷰 계층에 올라가야 합니다. 해당 메소드는 코드로 뷰를 생성할 경우 UIView 클래스를 초기화해주도록 설계되어 있습니다. Subclass들은 해당 해소드를 override해서 초기화할 수 있으며, 반드시 super을 사용해줘야 합니다! 인터페이스 빌더를 사용하여 인터페이스를 설계한 경우, nib 파일로부터 뷰를 불러올 때 해당 메소드는 불리지 않습니다. nib 파일의 객체는 재구성되어야 하며 init(coder:) 메소드를 통해 초기화됩니다.
🔗 init(frame:)

 

init(coder:)

storyboard나 xib와 같은 인터페이스 빌더를 사용하는 경우,

이는 코드가 아니기 때문에 컴파일러가 인식할 수 있도록 코드로 변환해주는 unarchiving 과정이 필요

이 과정을 init(coder:) 에서 앱 내 view 를 저장하고 불러와줍니다

 

required init

모든 자식 클래스에서 반드시 구현해야 하는 이니셜라이저

 

---

참고자료 🔗

https://sweetdev.tistory.com/366

https://velog.io/@inwoodev/iOS-initframe-initcoder

https://leeari95.tistory.com/63?category=961651

https://developer.apple.com/documentation/uikit/uiview/1622488-init

https://developer.apple.com/documentation/foundation/nscoding/1416145-init