...
| Note |
|---|
이하 가이드에서 커스터마이징을 위해 구현 클래스를 정의합니다. 구현하는 클래스는 아래의 조건을 충족해야합니다충족해야 합니다. 아래 조건을 충족하지 않는 경우 커스터마이징이 적용되지 않습니다.
|
툴바(Toolbar)
<< 툴바 확대 이미지>>
...
SDK에서 기본으로 제공하는 툴바 View(FeedActivityToolbar)를 수정하면 간단히 타이틀 혹은 배경색을 변경할 수 있습니다. 더 자유로운 수정을 원하시는 경우에는 FeedActivityToolbar를 이용하지 않고 View 직접 작성하여 변경할 수 있습니다. (단, View의 높이가 액티비티의 기본 액션바 높이와 다를 경우 정상적으로 보이지 않을 수 있습니다. 이 경우에는 Theme 을 설정하여 액션바 높이를 수정해야합니다수정해야 합니다.)
FeedActivityToolbar를 이용한 변경 예시는 아래와 같습니다.
...
필요에 따라, Theme을 적용하여 안드로이드의 Toolbar 의 Toolbar의 높이를 수정합니다.
| Code Block | ||
|---|---|---|
| ||
// AndroidManifest.xml
...생략...
<activity
android:name="com.buzzvil.buzzad.benefit.presentation.feed.FeedBottomSheetActivity"
android:theme="@style/YourActivityTheme"
tools:replace="android:theme"/>
...생략... |
...
| Code Block | ||
|---|---|---|
| ||
final FeedConfig feedConfig = new FeedConfig.Builder(context, "YOUR_FEED_UNIT_ID")
.feedHeaderViewAdapterClass(CustomFeedHeaderViewAdapter.class)
.build(); |
탭
Feed Tab이 활성화되어 있는 경우, 아래의 방법으로 Tab의 UI를 바꿀 아래의 방법으로 탭의 디자인을 수정할 수 있습니다.
탭의 문구는 FeedConfig에서 설정할 수 있습니다.
탭의 색상은 https://buzzvil.atlassian.net/wiki/spaces/BDG/pages/2164329086/ver%2B2.23.x%2B9.#PrimaryColor-%EB%B3%80%EA%B2%BD 를 통해 변경할 수 있습니다.
...
| Code Block | ||
|---|---|---|
| ||
final FeedConfig feedConfig = new FeedConfig.Builder(context, "YOUR_FEED_UNIT_ID")
.tabUiEnabled(true) // set tabUiEnabled to true
.tabTextArray(new String[] { FIRST_TAB_NAME, SECOND_TAB_NAME }) // 탭에 들어갈 문구
.build(); |
Tab의 색상을 변경하기 위해서는 https://buzzvil.atlassian.net/wiki/spaces/BDG/pages/2164329086/ver%2B2.23.x%2B9.#PrimaryColor-%EB%B3%80%EA%B2%BD 를 통해 변경할 수 있습니다.
필터
...
필터
아래의 방법으로 필터의 디자인을 수정할 수 있습니다. 필터의 색상을 변경하기 위해서는 https://buzzvil.atlassian.net/wiki/spaces/BDG/pages/2164329086/ver%2B2.23.x%2B9.#PrimaryColor-%EB%B3%80%EA%B2%BD 를 통해 변경할 수 있습니다. 을 참고하시기 바랍니다.
...
광고 아이템 커스터마이징: 일반 광고
<<일반 광고과 쇼핑광고이미지 (일반광고 강조)>>
버즈빌 SDK에서 제공하는 광고는 일반광고와 일반 광고와 쇼핑 적립 광고가 있습니다. 다음은 일반 광고의 디자인을 변경하는 방법을 설명합니다.
...
AdsAdapter의 상속 클래스를 구현합니다. 구현한 상속 클래스의 onCreateViewHolder에서 your_feed_ad.xml을 사용하여 NativeAdView 를 생성해야합니다NativeAdView를 생성해야 합니다. 그리고 FeedConfig에 구현한 YourAdsAdapter를 설정합니다.
...
| Info |
|---|
일반 광고의 커스터마이징을 참고하시기 바랍니다. |
버즈빌 SDK에서 제공하는 광고는 일반광고와 일반 광고와 쇼핑 적립 광고가 있습니다. 아래 가이드는 쇼핑 적립 광고의 디자인을 변경하는 방법을 설명합니다. 쇼핑 적립 광고는 일반 광고에 비해 많은 정보를 제공합니다.
...
AdsAdapter의 상속 클래스를 구현합니다. 구현한 상속 클래스의 onCreateViewHolder에서 your_feed_ad_cps.xml을 사용하여 NativeAdView 를 생성해야합니다NativeAdView를 생성해야 합니다. 그리고 FeedConfig에 구현한 YourCPSAdsAdapter를 설정합니다.
...
2.21 버전 이상에서는 아래 방법보다는 Theme을 활용하는 방법을 권장합니다.
BuzzAd SDK 에서 Android SDK에서 제공하는 CtaView UI 및 처리 로직을 사용하지 않고 기획에 맞게 구현할 경우 다음과 같이 진행할 수 있습니다.
...
베이스 리워드 지급 안내 UI 커스터마이징
...
베이스 리워드 지급시 보여지는 UI 를 지급 시 보이는 UI를 수정할 수 있습니다.
DefaultFeedFeedbackHandler의 상속 클래스는 작성합니다. 그리고, FeedConfig의 feedFeedbackHandler에 작성한 클래스를 설정합니다.
...