개요

본 가이드에서는 BuzzAd iOS SDK에서 제공하는 Interstitial 지면 UI의 구성을 지키며 디자인을 변경하기 위한 방법을 안내합니다.

Interstitial 지면 UI 커스터마이징

Interstitial 지면 UI를 Config 설정으로 변경할 수 있습니다. 일부 설정은 Interstitial 지면의 종류에 따라 적용되지 않습니다. 아래 내용에서 종류에 따른 설정 가능한 Config를 확인할 수 있습니다. 단, topIcon, titleText, titleTextColor 는 다이얼로그 UI에서만 동작합니다.

다음은 Interstitial 지면 UI를 변경하는 예시입니다.

Objective-C

BABInterstitialConfig *config = [[BABInterstitialConfig alloc] init];
[config setTopIcon:[UIImage imageNamed:@"@your_icon"]]; // Interstitial 지면 상단에 있는 아이콘
[config setTitleText:@"지금 바로 참여하고 포인트 받기"]; // Interstitial 지면 상단에 있는 Text
[config setTitleTextColor:UIColor.blueColor]; // Interstitial 지면 상단에 있는 Text 색상
[config setBackgroundColor:UIColor.whiteColor]; // Interstitial 지면 배경색 
[config setShowInquiryButton:YES]; // 문의하기 버튼 노출 여부
[config setCtaViewIcon:[[BABStateValue<UIImage *> alloc] initWithEnabled:[UIImage imageNamed:@"ic_apple"] disabled:[UIImage imageNamed:@"ic_check"]]]; // CTA에 포함된 기본 아이콘
[config setCtaViewTextColor:[[BABStateValue<UIColor *> alloc] initWithEnabled:UIColor.yellowColor disabled:UIColor.grayColor]]; // CTA의 Text 색상
[config setCtaViewBackgroundColor:[[BABStateValue<UIColor *> alloc] initWithEnabled:UIColor.redColor disabled:UIColor.grayColor]]; // CTA의 배경색

[interstitialAdHandler show:self withConfig:config];

Swift

let config = BABInterstitialConfig()
config.topIcon = UIImage(named: "your_icon")! // Interstitial 지면 상단에 있는 아이콘
config.titleText = "지금 바로 참여하고 포인트 받기" // Interstitial 지면 상단에 있는 Text
config.titleTextColor = .blue // Interstitial 지면 상단에 있는 Text 색상
config.backgroundColor = .white // Interstitial 지면 배경색 
config.showInquiryButton = false // 문의하기 버튼 노출 여부
config.ctaViewIcon = BABStateValue<UIImage>(enabled: UIImage(named: "ic_apple")!, disabled: UIImage(named: "ic_check")!) // CTA에 포함된 기본 아이콘 
config.ctaViewTextColor = BABStateValue<UIColor>(enabled: .yellow, disabled: .gray) // CTA의 Text 색상
config.ctaViewBackgroundColor = BABStateValue<UIColor>(enabled: .red, disabled: .gray) // CTA의 배경색
  
interstitialAdHandler.show(self, with: config)

5.3. 디자인 커스터마이징

목차

개요

Interstitial 지면 UI 커스터마이징