인터페이스 빌드에서 커스텀 값 조정 가능하게 만들기

IB_DESIGNABLE

@interface CustomButton : UIButton

@property (nonatomic, strong) IBInspectable UIColor *buttonBackground;

@property (nonatomic, assign) IBInspectable CGFloat cornerRadius;

- (void) setButtonBackground:(UIColor *) color {

    _buttonBackground = color;

    [self setBackgroundColor:_buttonBackground];

    

}

- (void) setCornerRadius:(CGFloat) cornerRadius {

    

    [self.layer setCornerRadius:cornerRadius];

    [self setClipsToBounds:YES];

    

}

위와 같이 IB_DESIGNABLE 와 IBInspectable 를 사용하고 Setter를 간단하게 설정해준다. 원하는 구현으로

그러면 인터페이스 빌드에서 설정과 미리보기 화면에서 적용이 되는 것을 실시간으로 확인이 가능하다.

Custom Button의 설정 값 변경 UI가 생긴것을 확인 할 수 있다.

설정을 바꾸면 실시간으로 확인할 수 있다.