목차
| Table of Contents |
|---|
| minLevel | 1 |
|---|
| maxLevel | 1 |
|---|
| exclude | 목차 |
|---|
|
개요
본 가이드에서는 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
...
단, topIcon, titleText, titleTextColor 는 다이얼로그 UI에서만 동작합니다.
다음은 Interstitial 지면 UI를 변경하는 예시입니다.
| Expand |
|---|
|
| Code Block |
|---|
| BABInterstitialConfig *config = [[BABInterstitialConfig alloc] init];
[config setTopIcon:[UIImage imageNamed:@"top@your_icon"]]; // Interstitial 지면 상단에 있는 아이콘
[config setTitleText:@"지금 바로 참여하고 포인트 받기"]; // Interstitial 지면 상단에 있는 Text
[config setTitleTextColor:UIColor.blackColorblueColor]; // Interstitial 지면 상단에 있는 Text 색상
[config setBackgroundColor:UIColor.whiteColor]; // Interstitial 지면 배경색
[config showInquiryButtonsetShowInquiryButton:YES]; // 문의하기 버튼 노출 여부
[config setCtaViewIcon:[[BABStateValue<UIImage *> alloc] initWithEnabled:[UIImage imageNamed:@"ctaic_enabled_iconapple"] disabled:[UIImage imageNamed:@"ctaic_disabled_iconcheck"]]]; // CTA에 포함된 기본 아이콘
[config setCtaViewTextColor:[[BABStateValue<UIColor *> alloc] initWithEnabled:RGB(255, 255, 255) disabled:RGB(177, 177, 177)]];UIColor.yellowColor disabled:UIColor.grayColor]]; // CTA의 Text 색상
[config setCtaViewBackgroundColor:[[BABStateValue<UIColor *> alloc] initWithEnabled:RGB(240, 89, 82) disabled:RGB(253, 133, 135)]];UIColor.redColor disabled:UIColor.grayColor]]; // CTA의 배경색
[interstitialAdHandler show:self withConfig:config]; |
|
| Expand |
|---|
|
| Code Block |
|---|
| let config = BABInterstitialConfig()
config.topIcon = UIImage(named: "topyour_icon")! // Interstitial 지면 상단에 있는 아이콘
config.titleText = "지금 바로 참여하고 포인트 받기" // Interstitial 지면 상단에 있는 Text
config.titleTextColor = UIColor.black.blue // Interstitial 지면 상단에 있는 Text 색상
config.backgroundColor = UIColor.white // Interstitial 지면 배경색
config.showInquiryButton = true false // 문의하기 버튼 노출 여부
config.ctaViewIcon = BABStateValue<UIImage>(enabled: UIImage(named: "ctaic_enabled_iconapple")!, disabled: UIImage(named: "ctaic_diabled_iconcheck")!) // CTA에 포함된 기본 아이콘
config.ctaViewTextColor = BABStateValue<UIColor>(enabled: RGB(255.yellow, 255, 255), disabled: RGB(177, 177, 177))disabled: .gray) // CTA의 Text 색상
config.ctaViewBackgroundColor = BABStateValue<UIColor>(enabled: RGB(240.red, 89, 82), disabled: RGB(253, 133, 135))disabled: .gray) // CTA의 배경색
interstitialAdHandler.show(self, with: config) |
|
...
