라. 디자인 변경하기

광고 리스트 화면(AdListView)는 기본 스타일을 그대로 사용하셔도 충분하지만, 원하시는 경우 매체앱과 통일감 있도록 UI를 변경하실 수 있습니다.

AdListView의 UI를 변경하는 방법은 TnkStyle과 TnkLayout의 2가지 방식을 제공합니다. TnkStyle은 기본 화면 구성에서 벗어나지 않고 배경 이미지나 글자 폰트 크기, 색상 등만 변경하시고자 할 경우에 사용하시면 됩니다. 만약 기본 화면 구성과 완전히 다르게 UI를 배치하고자 하신다면 TnkLayout 기능를 사용하시어 원하는 화면 구성으로 완전히 변경하실 수 있습니다.

1) TnkStyle

TnkStyle 기능은 기본 화면 구성은 유지하면서 화면의 이미지나 폰트 크기, 색상 등 만을 간단히 변경하고자 할 때 사용하실 수 있습니다.

아래의 그림은 광고목록 창의 기본 스타일 화면과 스타일을 다르게 적용한 이미지입니다. 대부분의 구성 요소들을 모두 변경할 수 있습니다.

[기본 스타일]

[스타일 변경]

가) TnkStyle 객체

스타일 변경을 위해서 화면의 구성 요소별로 미리 지정되어 있는 TnkStyle 객체들의 속성 값을 설정합니다.

TnkStyle 객체에서 공통적으로 제공하는 속성은 다음과 같습니다. 아래의 공통 속성 이외에도 화면의 구성요소에 따라 추가적으로 정의된 속성들이 존재할 수 있습니다.

나) 광고 리스트 화면 스타일

광고 리스트 화면과 관련된 TnkStyle 객체들은 다음과 같습니다.

추가 설정 항목

    • TnkStyle.AdWall.dividerHeight : ListView의 divider 높이 지정 (pixel)

    • TnkStyle.AdWall.dividerColor : ListView의 divider 색상 (ARGB 값)

    • TnkStyle.AdWall.Item.backgroundStrip : 광고리스트 Item의 배경 이미지를 번갈아 다르게 설정하고 싶은 경우 이미지 Drawable의 resource ID를 지정

  • TnkStyle.AdWall.Item.backgroundColor : 광고리스트 Item의 배경 색상을 번갈아 다르게 설정하고 싶은 경우 ARGB 값을 지정

다) 상세 화면 스타일

광고를 클릭했을때 나타나는 상세 팝업 창과 관련된 TnkStyle 객체들은 다음과 같습니다.

라) 적용 예시

Sample Code

private void setTnkStyle() {

TnkStyle.clear(); // clear previous style

TnkStyle.AdWall.backgroundColor = 0xff505050;

TnkStyle.AdWall.background = R.drawable.contents_title_bg;

TnkStyle.AdWall.dividerHeight = 1;

TnkStyle.AdWall.CloseButton.background = R.drawable.bt_close;

TnkStyle.AdWall.Header.background = R.drawable.contents_title_bg;

TnkStyle.AdWall.Header.textColor = 0xffffffff;

TnkStyle.AdWall.Header.textSize = 22;

TnkStyle.AdWall.Section.backgroundColor = 0xff505050;

TnkStyle.AdWall.Section.textColor = 0xffffffff;

TnkStyle.AdWall.Section.textSize = 15;

TnkStyle.AdWall.Footer.background = R.drawable.contents_title_bg;

TnkStyle.AdWall.Footer.textColor = 0xffffffff;

TnkStyle.AdWall.Footer.height = 25;

TnkStyle.AdWall.Item.background = R.drawable.list_item_bg;

TnkStyle.AdWall.Item.backgroundStripe = R.drawable.list_item_bg2;

TnkStyle.AdWall.Item.Title.textColor = 0xff50ff50;

TnkStyle.AdWall.Item.Subtitle.textColor = 0xff2c2c7c;

TnkStyle.AdWall.Item.Subtitle.textColor = 0xffff871c;

TnkStyle.AdWall.Item.Tag.Free.background = R.drawable.az_list_bt_free;

TnkStyle.AdWall.Item.Tag.Free.textColor = 0xffffffff;

TnkStyle.AdWall.Item.Tag.Paid.background = R.drawable.az_list_bt_pay;

TnkStyle.AdWall.Item.Tag.Paid.textColor = 0xffffffff;

TnkStyle.AdWall.Item.Tag.Web.background = R.drawable.az_list_bt_web;

TnkStyle.AdWall.Item.Tag.Web.textColor = 0xffffffff;

TnkStyle.AdWall.Item.Tag.Confirm.background = R.drawable.az_list_bt_install;

TnkStyle.AdWall.Item.Tag.Confirm.textColor = 0xffffffff;

TnkStyle.AdWall.Detail.Header.background = R.drawable.contents_title_bg;

TnkStyle.AdWall.Detail.Header.Title.textColor = 0xffffffff;

TnkStyle.AdWall.Detail.Header.Subtitle.textColor = 0xff000000;

TnkStyle.AdWall.Detail.Footer.background = R.drawable.contents_title_bg;

TnkStyle.AdWall.Detail.Footer.ConfirmButton.background = R.drawable.btn_top_navi;

TnkStyle.AdWall.Detail.Footer.ConfirmButton.textColor = 0xffff5050;

TnkStyle.AdWall.Detail.Footer.CancelButton.background = R.drawable.btn_top_navi;

TnkStyle.AdWall.Detail.Body.backgroundColor = 0xffff871c;

TnkStyle.AdWall.Detail.Body.textColor = 0xffffffff;

TnkStyle.AdWall.Detail.Body.Tag.Free.background = R.drawable.az_list_bt_free;

TnkStyle.AdWall.Detail.Body.Tag.Free.textColor = 0xffffffff;

TnkStyle.AdWall.Detail.Body.Tag.Paid.background = R.drawable.az_list_bt_pay;

TnkStyle.AdWall.Detail.Body.Tag.Paid.textColor = 0xffffffff;

TnkStyle.AdWall.Detail.Body.Tag.Web.background = R.drawable.az_list_bt_web;

TnkStyle.AdWall.Detail.Body.Tag.Web.textColor = 0xffffffff;

TnkStyle.AdWall.Detail.Body.Tag.Confirm.background = R.drawable.az_list_bt_install;

TnkStyle.AdWall.Detail.Body.Tag.Confirm.textColor = 0xffffffff;

}

// 광고 목록 띄우기 전에 스타일 설정한다.

setTnkStyle();

TnkSession.showAdList(MainActivity.this, getResources().getString(R.string.tnk_title));

2) TnkLayout

TnkStyle 기능을 사용하면 기본 구성화면의 이미지나 색상들을 손쉽게 변경할 수 있으나, 화면의 배치 자체를 바꿀 수는 없습니다.

만약 화면 구성 자체를 변경하기를 원한다면 TnkLayout 기능을 사용하셔야합니다.

아래 화면은 기본 화면을 TnkLayout을 사용하여 변경한 예시입니다.

[기본 스타일]

[TnkLayout 적용 화면 (1)]

[TnkLayout 적용 화면 (2)]

TnkLayout을 적용하기 위한 단계는 다음과 같습니다.

    1. 광고 리스트 화면 구성, 리스트 Item의 화면구성, 상세 팝업 화면구성을 위한 Layout을 XML로 정의합니다. 3가지 Layout XML을 모두 작성해야하는 것은 아니며 변경하기를 윈하는 Layout만 작성하시면됩니다.

    2. 작성한 Layout XML 내에서 정의한 구성 요소의 ID 들을 TnkLayout 객체에 지정합니다.

    3. 화면을 띄울때 TnkLayout 객체를 같이 전달합니다.

가) TnkLayout 객체

TnkLayout 객체를 생성하시고 아래의 속성값을 지정합니다. 모든 속성을 지정할 필요는 없습니다.

나) 적용 예시 (1)

광고 목록 화면 Layout XML 작성

myofferwall_popup.xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="#80000000"

>

<LinearLayout

android:id="@+id/main_layout"

android:orientation="vertical"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout_gravity="center"

android:layout_margin="30dp"

android:background="@android:color/white"

>

<RelativeLayout

android:layout_width="match_parent"

android:layout_height="50dp"

android:background="@drawable/myofferwall_title_bg">

<TextView

android:id="@+id/offerwall_title"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:gravity="center"

android:textColor="#ffffffff"

android:textSize="18sp"

/>

<Button

android:id="@+id/close_button"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_centerVertical="true"

android:text="Close"

/>

</RelativeLayout>

<ListView

android:id="@+id/offerwall_adlist"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:divider="#ffe5e5e5"

android:dividerHeight="0dp"

android:background="#ffe5e5e5"

/>

</LinearLayout>

</RelativeLayout>

광고 항목 화면 Layout XML 작성

myofferwall_item.xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout

xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:background="@drawable/list_item"

>

<ImageView

android:id="@+id/ad_icon"

android:layout_width="72dp"

android:layout_height="72dp"

android:layout_alignParentTop="true"

android:layout_alignParentLeft="true"

android:padding="4dp"

android:scaleType="fitXY"

/>

<ImageView

android:id="@+id/ad_icon_frame"

android:layout_width="72dp"

android:layout_height="72dp"

android:layout_alignParentTop="true"

android:layout_alignParentLeft="true"

android:background="@drawable/myofferwall_ad_icon_frame"

/>

<TextView

android:id="@+id/ad_tag"

android:layout_width="40dp"

android:layout_height="40dp"

android:layout_alignParentRight="true"

android:layout_alignBottom="@id/ad_icon"

android:gravity="center"

android:textSize="13sp"

/>

<TextView

android:id="@+id/ad_title"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_below="@id/ad_icon_frame"

android:layout_marginTop="3dp"

android:layout_marginLeft="8dp"

android:gravity="center_vertical"

android:textColor="#ff020202"

android:textSize="15sp"

android:maxLines="1"

/>

<TextView

android:id="@+id/ad_desc"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_below="@id/ad_title"

android:layout_marginLeft="8dp"

android:layout_marginTop="8dp"

android:gravity="center_vertical"

android:textColor="#ff179dce"

android:textSize="12sp"

android:maxLines="2"

/>

</RelativeLayout>

광고 상세 화면 Layout XML 작성

myofferwall_detail.xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout

xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="#80000000">

<RelativeLayout

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_margin="40dp"

android:layout_centerVertical="true"

android:padding="6dp"

android:background="@drawable/list_item_bg"

>

<RelativeLayout

android:id="@+id/header_layout"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_alignParentTop="true"

>

<TextView

android:id="@+id/ad_tag"

android:layout_width="40dp"

android:layout_height="40dp"

android:layout_alignParentRight="true"

android:layout_centerVertical="true"

android:gravity="center"

android:textSize="13sp"

/>

<ImageView

android:id="@+id/ad_icon"

android:layout_width="72dp"

android:layout_height="72dp"

android:layout_alignParentTop="true"

android:layout_alignParentLeft="true"

android:padding="4dp"

android:scaleType="fitXY"

/>

<ImageView

android:id="@+id/ad_icon_frame"

android:layout_width="72dp"

android:layout_height="72dp"

android:layout_alignParentTop="true"

android:layout_alignParentLeft="true"

android:background="@drawable/myofferwall_ad_icon_frame"

/>

<TextView

android:id="@+id/ad_desc"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_toRightOf="@id/ad_icon_frame"

android:layout_toLeftOf="@id/ad_tag"

android:layout_alignParentTop="true"

android:layout_marginLeft="8dp"

android:layout_marginTop="8dp"

android:gravity="center_vertical"

android:textColor="#ff179dce"

android:textSize="13sp"

/>

<TextView

android:id="@+id/ad_title"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_toRightOf="@id/ad_icon_frame"

android:layout_toLeftOf="@id/ad_tag"

android:layout_below="@id/ad_desc"

android:layout_marginTop="3dp"

android:layout_marginLeft="8dp"

android:gravity="center_vertical"

android:textColor="#ff020202"

android:textSize="17sp"

/>

</RelativeLayout>

<TextView

android:id="@+id/ad_action"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_below="@id/header_layout"

android:layout_marginTop="10dp"

android:gravity="center_vertical"

android:textColor="#ff020202"

android:textSize="17sp"

/>

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_below="@id/ad_action"

android:orientation="horizontal"

android:padding="10dp"

>

<Button

android:id="@+id/ad_ok"

android:layout_width="10dp"

android:layout_height="50dp"

android:layout_weight="1"

android:text="Confirm"

/>

<Button

android:id="@+id/ad_cancel"

android:layout_width="10dp"

android:layout_height="50dp"

android:layout_weight="1"

android:text="Cancel"

/>

</LinearLayout>

</RelativeLayout>

</RelativeLayout>

TnkLayout 객체 생성 및 AdListView 띄우기

TnkLayout 생성 및 화면 띄우기

private TnkLayout makePopupLayout() {

TnkLayout res = new TnkLayout();


res.adwall.numColumnsPortrait = 2;

res.adwall.numColumnsLandscape = 3;


res.adwall.layout = R.layout.myofferwall_popup;

res.adwall.idTitle = R.id.offerwall_title;

res.adwall.idList = R.id.offerwall_adlist;

res.adwall.idClose = R.id.close_button;


res.adwall.item.layout = R.layout.myofferwall_item;

res.adwall.item.height = 150;

res.adwall.item.idIcon = R.id.ad_icon;

res.adwall.item.idTitle = R.id.ad_title;

res.adwall.item.idSubtitle = R.id.ad_desc;

res.adwall.item.idTag = R.id.ad_tag;


//res.adwall.item.bgItemEven = R.drawable.list_item_bg;

//res.adwall.item.bgItemOdd = R.drawable.list_item_bg2;


res.adwall.item.tag.bgTagFree = R.drawable.az_list_bt_free;

res.adwall.item.tag.bgTagPaid = R.drawable.az_list_bt_pay;

res.adwall.item.tag.bgTagWeb = R.drawable.az_list_bt_web;

res.adwall.item.tag.bgTagCheck = R.drawable.az_list_bt_install;


res.adwall.item.tag.tcTagFree = 0xffffffff;

res.adwall.item.tag.tcTagPaid = 0xffffffff;

res.adwall.item.tag.tcTagWeb = 0xffffffff;

res.adwall.item.tag.tcTagCheck = 0xffffffff;


res.adwall.detail.layout = R.layout.myofferwall_detail;

res.adwall.detail.idIcon = R.id.ad_icon;

res.adwall.detail.idTitle = R.id.ad_title;

res.adwall.detail.idSubtitle = R.id.ad_desc;

res.adwall.detail.idTag = R.id.ad_tag;

res.adwall.detail.idAction = R.id.ad_action;

res.adwall.detail.idConfirm = R.id.ad_ok;

res.adwall.detail.idCancel = R.id.ad_cancel;


return res;

}

// Popup AdListView using your own layout

TnkLayout layout = makePopupLayout();

TnkSession.popupAdList(MainActivity.this,"Your title here", null, layout);

다) 적용 예시 (2) [샘플 프로젝트 Download]

광고 목록 화면 Layout XML 작성

offerwall_adlist.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:id="@+id/main_layout"

android:orientation="vertical"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@android:color/white"

>

<RelativeLayout

android:layout_width="match_parent"

android:layout_height="50dp"

android:background="#ff1387da">

<TextView

android:id="@+id/offerwall_title"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:gravity="center"

android:textColor="#ffffffff"

android:textSize="18sp"

/>

<Button

android:id="@+id/event_button"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_centerVertical="true"

android:text="Event"

android:visibility="invisible"

/>

<Button

android:id="@+id/close_button"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:layout_centerVertical="true"

android:text="Close"

android:visibility="invisible"

/>

</RelativeLayout>

<ListView

android:id="@+id/offerwall_adlist"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:divider="#ffe5e5e5"

android:dividerHeight="0dp"

android:background="#ffe5e5e5"

/>

</LinearLayout>

광고 항목 화면 Layout XML 작성

offerwall_adlist_item.xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout

xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:background="@drawable/list_item_frame"

>

<ImageView

android:id="@+id/ad_image"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_alignParentTop="true"

android:layout_above="@id/line_01"

android:adjustViewBounds="true"

/>

<View

android:id="@+id/line_01"

android:layout_width="match_parent"

android:layout_height="0.7dp"

android:layout_above="@id/ad_title"

android:background="#ffe0e0e0"

/>

<TextView

android:id="@+id/ad_title"

android:layout_width="match_parent"

android:layout_height="49dp"

android:layout_above="@id/ad_tag_layout"

android:gravity="left|center_vertical"

android:textColor="#ff020202"

android:textSize="@dimen/adlist_item_title_size"

android:maxLines="2"

android:ellipsize="end"

android:paddingLeft="15dp"

android:paddingRight="15dp"

android:layout_marginTop="7dp"

android:layout_marginBottom="10dp"

/>

<RelativeLayout

android:id="@+id/ad_tag_layout"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_alignParentBottom="true"

android:layout_marginLeft="15dp"

android:layout_marginRight="15dp"

android:layout_marginBottom="10dp"

>

<TextView

android:id="@+id/ad_campaign_type"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_centerVertical="true"

android:gravity="center"

android:singleLine="true"

/>

<TextView

android:id="@+id/ad_tag"

android:layout_width="@dimen/adlist_item_tag_width"

android:layout_height="@dimen/adlist_item_tag_height"

android:layout_alignParentRight="true"

android:gravity="center"

android:textSize="@dimen/adlist_item_tag_size"

android:singleLine="true"

android:paddingLeft="5dp"

android:paddingRight="5dp"

/>

</RelativeLayout>

</RelativeLayout>

TnkLayout 객체 생성 및 AdListView 띄우기

TnkLayout 생성 및 화면 띄우기

private TnkLayout makeTnkLayout() {

TnkLayout res = new TnkLayout();

res.adwall.numColumnsPortrait = 1;

res.adwall.numColumnsLandscape = 2;

res.adwall.layout = R.layout.offerwall_adlist;

res.adwall.idTitle = R.id.offerwall_title;

res.adwall.idList = R.id.offerwall_adlist;

res.adwall.item.layout = R.layout.offerwall_adlist_item;

if (getResources().getConfiguration().orientation == Configuration.ORIENTATION_PORTRAIT) {

res.adwall.item.height = getResources().getDimensionPixelSize(R.dimen.adlist_item_height_portrait);

}

else {

res.adwall.item.height = getResources().getDimensionPixelSize(R.dimen.adlist_item_height_landscape);

}

res.adwall.item.idTitle = R.id.ad_title;

//res.adwall.item.idSubtitle = R.id.ad_desc;

res.adwall.item.idTag = R.id.ad_tag;

res.adwall.item.colorBg = 0xffe5e5e5;

res.adwall.item.idCampnType = R.id.ad_campaign_type;

res.adwall.item.idImage = R.id.ad_image;

res.adwall.imgType = TnkLayout.IMAGE_LANDSCAPE; // 전면 이미지 종류 지정

res.adwall.item.tag.pointLabelFormat = "{point}{unit}";

res.adwall.item.tag.bgTagFree = R.color.ad_tag_bg_color;

res.adwall.item.tag.bgTagPaid = R.color.ad_tag_bg_color;

res.adwall.item.tag.bgTagWeb = R.color.ad_tag_bg_color;

res.adwall.item.tag.bgTagCheck = R.color.ad_tag_bg_color;

res.adwall.item.tag.tcTagFree = 0xffffffff;

res.adwall.item.tag.tcTagPaid = 0xffffffff;

res.adwall.item.tag.tcTagWeb = 0xffffffff;

res.adwall.item.tag.tcTagCheck = 0xffffffff;

setTnkStyle();

return res;

}

private void setTnkStyle() {

TnkStyle.AdWall.showCloseButton = false;

TnkStyle.AdWall.showFooter = false;

// 리스트 아이템 캠페인 타입 리소스 설정

TnkStyle.AdWall.Item.CampnType.Install.textSize = getResources().getInteger(R.integer.adlist_item_campn_type_size);

TnkStyle.AdWall.Item.CampnType.Install.textColor = 0xff1387da;

TnkStyle.AdWall.Item.CampnType.Install.background = R.drawable.campaign_label_01;

TnkStyle.AdWall.Item.CampnType.Run.textSize = getResources().getInteger(R.integer.adlist_item_campn_type_size);

TnkStyle.AdWall.Item.CampnType.Run.textColor = 0xffff4b50;

TnkStyle.AdWall.Item.CampnType.Run.background = R.drawable.campaign_label_02;

TnkStyle.AdWall.Item.CampnType.Action.textSize = getResources().getInteger(R.integer.adlist_item_campn_type_size);

TnkStyle.AdWall.Item.CampnType.Action.textColor = 0xffff6100;

TnkStyle.AdWall.Item.CampnType.Action.background = R.drawable.campaign_label_03;

TnkStyle.AdWall.Item.CampnType.Reservation.textSize = getResources().getInteger(R.integer.adlist_item_campn_type_size);

TnkStyle.AdWall.Item.CampnType.Reservation.textColor = 0xff51c701;

TnkStyle.AdWall.Item.CampnType.Reservation.background = R.drawable.campaign_label_04;

TnkStyle.AdWall.Item.CampnType.SNS.textSize = getResources().getInteger(R.integer.adlist_item_campn_type_size);

TnkStyle.AdWall.Item.CampnType.SNS.textColor = 0xff421ee0;

TnkStyle.AdWall.Item.CampnType.SNS.background = R.drawable.campaign_label_05;

TnkStyle.AdWall.Item.CampnType.Join.textSize = getResources().getInteger(R.integer.adlist_item_campn_type_size);

TnkStyle.AdWall.Item.CampnType.Join.textColor = 0xffca0006;

TnkStyle.AdWall.Item.CampnType.Join.background = R.drawable.campaign_label_06;

TnkStyle.AdWall.Item.CampnType.Video.textSize = getResources().getInteger(R.integer.adlist_item_campn_type_size);

TnkStyle.AdWall.Item.CampnType.Video.textColor = 0xff00b293;

TnkStyle.AdWall.Item.CampnType.Video.background = R.drawable.campaign_label_07;

TnkStyle.AdWall.Item.CampnType.Etc.textSize = getResources().getInteger(R.integer.adlist_item_campn_type_size);

TnkStyle.AdWall.Item.CampnType.Etc.textColor = 0xff696969;

TnkStyle.AdWall.Item.CampnType.Etc.background = R.drawable.campaign_label_08;

}

// Show AdListView using your own layout

TnkLayout layout = makeTnkLayout();

TnkSession.showAdList(MainActivity.this, "Your title here", layout);

3) 기본 피드형 스타일

피드형 스타일 사용 설정 예시

TnkSession.enableAdWallFeedStyle(MainActivity.this,true);

TnkSession.showAdList(MainActivity.this,"Your title here");

아래의 그림과 같이 기본 적용된 피드형 스타일을 사용하시려면 광고 리스트 호출 시 해당 옵션을 설정하시기 바랍니다.