코드와 XCode 인터페이스 빌더가 부드럽게 연동되는 것에 놀라다.

“Developing iOS 8 Apps with Swift” 강의를 듣다가 코드로 그림을 그린 것이 XCode 인터페이스 빌더에 자연스럽게 반영되는 것을 보고 오!! 하는 느낌이 들었다.

실행화면

코드로 그린 웃는 그림이 인터페이스 빌더에서 제대로 보인다.

그리고 Class에 코드로 정의된 속성값이 인터페이스 빌더의 Attribute Inspector에 보이게 할 수도 있다.

이 두가지를 가능하게 하는 키워드가 있다. “@IBDesignable”과 “@IBInspectable”이다.

사용법

소스코드

그림에서처럼 @IBDesignable 키워드는 UIView를 상속해서 구현한 클래스의 선언부 앞에 추가하면 끝이다. 소스 코드를 빌드하면 인터페이스 빌더에 반영되어 나타난다.

@IBInspectable 역시 속성 변수 선언 앞에 추가하면 된다.

속성창

이렇게 Attribute Inspector에 나타난 속성값을 변경하면 바로 반영되어서 보인다.

Comments