Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 5 Next »

목차

개요

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

Interstitial 지면 UI 커스터마이징

어느 부분이 변경 가능한지 강조하는 이미지 추가

Interstitial 지면 UI를 Config 설정으로 변경할 수 있습니다. 일부 설정은 Interstitial 지면의 종류에 따라 적용되지 않습니다. 아래 내용에서 종류에 따른 설정 가능한 Config를 확인할 수 있습니다.

  • 공통 Config

    • topIcon : Interstitial 광고 상단에 있는 아이콘 (UIImage)

    • titleText : Interstitial 광고 상단에 있는 Text (NSString)

    • titleTextColor : titleText의 색깔 (UIColor)

    • backgroundColor : Interstitial 광고 전체의 배경 색깔 (UIColor)

    • showInquiryButton : 문의하기 버튼 노출 여부 (BOOL)

    • ctaViewBackgroundColor : CTA의 배경 색깔 (BABStateValue<UIColor *>)

    • ctaViewIcon : CTA에 포함된 기본 아이콘 (BABStateValue<UIImage *>)

    • ctaViewTextColor : CTA의 Text 색깔 (BABStateValue<UIColor *>)

  • 다이얼로그 전용 Config

    • closeText : 닫기 버튼의 Text

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

 Objective-C
BABInterstitialConfig *config = [[BABInterstitialConfig alloc] init];
[config setTopIcon:[UIImage imageNamed:@"top_icon"]];
[config setTitleText:@"지금 바로 참여하고 포인트 받기"];
[config setTitleTextColor:UIColor.blackColor];
[config setBackgroundColor:UIColor.whiteColor];
[config showInquiryButton:YES];
[config setCtaViewIcon:[[BABStateValue<UIImage *> alloc] initWithEnabled:[UIImage imageNamed:@"cta_enabled_icon"] disabled:[UIImage imageNamed:@"cta_disabled_icon"]]];
[config setCtaViewTextColor:[[BABStateValue<UIColor *> alloc] initWithEnabled:RGB(255, 255, 255) disabled:RGB(177, 177, 177)]];
[config setCtaViewBackgroundColor:[[BABStateValue<UIColor *> alloc] initWithEnabled:RGB(240, 89, 82) disabled:RGB(253, 133, 135)]];

[interstitialAdHandler show:self withConfig:config];

 Swift
let config = BABInterstitialConfig()
config.topIcon = UIImage(named: "top_icon")
config.titleText = "지금 바로 참여하고 포인트 받기"
config.titleTextColor = UIColor.black
config.backgroundColor = UIColor.white
config.showInquiryButton = true
config.ctaViewIcon = BABStateValue<UIImage>(enabled: UIImage(named: "cta_enabled_icon")!, disabled: UIImage(named: "cta_diabled_icon")!)
config.ctaViewTextColor = BABStateValue<UIColor>(enabled: RGB(255, 255, 255), disabled: RGB(177, 177, 177))
config.ctaViewBackgroundColor = BABStateValue<UIColor>(enabled: RGB(240, 89, 82), disabled: RGB(253, 133, 135))

interstitialAdHandler.show(self, with: config)

setCtaViewIcon 의 disabled 가 어떤 것인지 모르겠다

  • No labels