{"type":"doc","content":[{"type":"extension","attrs":{"layout":"default","extensionType":"com.atlassian.confluence.macro.core","extensionKey":"toc","parameters":{"macroParams":{},"macroMetadata":{"macroId":{"value":"9ed395a3-5dcf-4240-a900-8b2aa4ba6319"},"schemaVersion":{"value":"1"},"title":"Table of Contents"}},"localId":"27885962-9629-4f58-9f53-63de17547dc0"}},{"type":"heading","attrs":{"level":1},"content":[{"text":"개요","type":"text"}]},{"type":"paragraph","content":[{"text":"Pop 디자인 커스터마이징시 고려해야 할 사항은 ","type":"text"},{"text":"Pop 디자인 가이드 문서","type":"text","marks":[{"type":"strong"},{"type":"link","attrs":{"href":"https://www.figma.com/file/0i0lNvrDx9oVJCkhnfJoVs/%F0%9F%93%8B-POP-UI-integration-guide-official"}}]},{"text":"에서 확인 가능합니다. ","type":"text"},{"text":"PopConfig 설정","type":"text","marks":[{"type":"link","attrs":{"href":"https://buzzvil.atlassian.net/wiki/spaces/BDG/pages/2164328535#PopConfig-%EC%84%A4%EC%A0%95"}}]},{"text":"을 해야 아래의 사항들을 적용할 수 있습니다.","type":"text"}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Pop 배경 색상 변경","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center"},"content":[{"type":"media","attrs":{"width":1100,"id":"743ad885-6539-474a-9472-6906788ce469","collection":"contentId-2164328599","type":"file","height":466}}]},{"type":"paragraph","content":[{"text":"팝 아이콘의 배경 색상을 ","type":"text"},{"text":"테마변경 가이드","type":"text","marks":[{"type":"link","attrs":{"href":"/wiki/spaces/BDG/pages/2164329086/ver%2B2.23.x%2B9.#PrimaryColor-%EB%B3%80%EA%B2%BD"}}]},{"text":"에 따라 변경할 수 있습니다.","type":"text"}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Pop 아이콘 변경","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"e3283df1-c663-4f6b-a44e-2a296e453562"}}]}]},{"type":"paragraph","content":[{"text":"PopConfig의 ","type":"text"},{"text":"iconResId","type":"text","marks":[{"type":"code"}]},{"text":" 와 ","type":"text"},{"text":"rewardReadyIconResId","type":"text","marks":[{"type":"code"}]},{"text":" 를 설정하여 Pop 아이콘 이미지를 변경할 수 있습니다.","type":"text"}]},{"type":"codeBlock","attrs":{"language":"java"},"content":[{"text":"PopConfig popConfig = new PopConfig.Builder(context, \"YOUR_FEED_UNIT_ID\")\n ...생략...\n .iconResId(R.drawable.your_pop_icon)\n .rewardReadyIconResId(R.drawable.you_pop_icon_reward_ready)","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center"},"content":[{"type":"media","attrs":{"width":1100,"id":"cbd9f177-253d-476c-9e9d-de787b5d0a5d","collection":"contentId-2164328599","type":"file","height":292}}]},{"type":"paragraph","content":[{"text":"iconResId","type":"text","marks":[{"type":"code"}]},{"text":": 상태에 따라 ","type":"text"},{"text":"평상시 아이콘","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"885c0a01-c951-4968-a16c-fb7d0370aca5"}}]},{"text":"과 ","type":"text"},{"text":"팝 닫기 아이콘","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"ab7c8890-5538-43a9-8667-d16eb7c5def7"}}]},{"text":"을 지정해 주어야 합니다.","type":"text"}]},{"type":"codeBlock","attrs":{"language":"xml"},"content":[{"text":"\n\n\n \n \n \n \n","type":"text"}]},{"type":"paragraph","content":[{"text":"rewardReadyIconResId","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"ed05bf92-6470-4600-bb4e-7b69e9d738c3"}},{"type":"code"}]},{"text":": 적립 가능한 포인트가 있을 때 기본 아이콘이 아닌 다른 아이콘을 (예: 동전 아이콘) 유저에게 보여줄 수 있습니다. ","type":"text"}]},{"type":"codeBlock","attrs":{"language":"xml"},"content":[{"text":"\n\n\n \n \n \n \n","type":"text"}]},{"type":"panel","attrs":{"panelType":"info"},"content":[{"type":"paragraph","content":[{"text":"팝 아이콘 권장 사이즈","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"56x56 dp (mdpi 기준)","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"224x224 px (xxxhdpi까지 지원, 픽셀기준 최대 4배)","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Notification 커스터마이징","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"e70bd52f-7396-4a1b-a8ee-1d55c8a9a07e"}}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"PopNotificationConfig 설정","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"f815a564-4ee8-42a7-8c13-918e49aec54c"}},{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"팝을 실행하고 있는 동안에 Service Notification이 보여집니다. Service Notification을 클릭하면 Pop Feed 지면을 보여줍니다.","type":"text"},{"type":"hardBreak"},{"text":"PopNotificationConfig","type":"text","marks":[{"type":"code"}]},{"text":" 을 설정하여 Notification에 표시될 내용을 변경할 수 있습니다.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center"},"content":[{"type":"media","attrs":{"width":770,"id":"d64682e9-8075-4a6d-8c61-874b32e7c63f","collection":"contentId-2164328599","type":"file","height":541}}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"smallIconResId","type":"text","marks":[{"type":"code"}]},{"text":" Small icon을 설정합니다. 흰색 아이콘을 사용하며 Adaptive Icon 이 설정하지 않도록 주의해야합니다.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"colorResId(@ColorRes int colorResId)","type":"text","marks":[{"type":"code"}]},{"text":" Notification 의 아이콘, 앱 이름 에 적용되는 색상을 설정합니다.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"titleResId(@StringRes int titleResId)","type":"text","marks":[{"type":"code"}]},{"text":" 타이틀 문구를 설정합니다.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"textResId(@StringRes int textResId)","type":"text","marks":[{"type":"code"}]},{"text":" Notification의 내용을 설정합니다.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"notificationId(int notificationId)","type":"text","marks":[{"type":"code"}]},{"text":" Android Notification Id를 설정합니다. Default 값은 5000 입니다.","type":"text"}]}]}]},{"type":"codeBlock","attrs":{"language":"java"},"content":[{"text":"final PopNotificationConfig popNotificationConfig = new PopNotificationConfig.Builder(context)\n .smallIconResId(R.drawable.your_small_icon)\n .titleResId(R.string.your_pop_notification_title)\n .textResId(R.string.your_pop_notification_text)\n .colorResId(R.color.your_pop_notification_color)\n .notificationId(1000)\n .build();\n \nPopConfig popConfig = new PopConfig.Builder(context, \"YOUR_FEED_UNIT_ID\")\n ...생략...\n .popNotificationConfig(popNotificationConfig)\n .build();","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Custom Pop Service Notification","type":"text"}]},{"type":"paragraph","content":[{"text":"Service Notification 에서 커스텀 뷰를 사용하거나 클릭시 동작을 변경하기 위해서는 ","type":"text"},{"text":"CustomControlService","type":"text","marks":[{"type":"code"}]},{"text":" 를 구현해야합니다. 예를 들어, Pop service notification의 layout을 변경하고 싶거나, 채널 아이디를 변경하는 경우에 해당합니다.","type":"text"}]},{"type":"paragraph","content":[{"text":"Step 1. ","type":"text","marks":[{"type":"strong"}]},{"text":"CustomControlService","type":"text","marks":[{"type":"code"}]},{"text":" 구현","type":"text","marks":[{"type":"strong"}]}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"getPopPendingIntent","type":"text","marks":[{"type":"code"}]},{"text":" 를 통해 click 시 Pop Icon 을 띄우는 기능을 하는 PendingIntent 를 만들 수 있습니다. 필요에 따라 사용할 수 있습니다.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"필요에 따라 notificationChannel 을 생성해 등록합니다.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"(Optional)RemoteViews","type":"text","marks":[{"type":"code"}]},{"text":", ","type":"text"},{"text":"setContent","type":"text","marks":[{"type":"code"}]},{"text":" 를 사용해 CustomContolService 에서 사용할 View 를 등록합니다.","type":"text"}]}]}]},{"type":"codeBlock","attrs":{"language":"java"},"content":[{"text":"// 1. PopControlService 를 상속받아 class 를 만듭니다.\npublic class CustomControlService extends PopControlService {\n\n // 2. buildForegroundNotification 함수를 오버라이드 합니다.\n @Override\n protected Notification buildForegroundNotification(@NonNull String unitId, @NonNull PopNotificationConfig popNotificationConfig) {\n // 3. getPopPendingIntent 를 통해 click 시 Pop Icon 을 띄우는 기능을 하는 PendingIntent 를 만들 수 있습니다.\n PendingIntent popPendingIntent = getPopPendingIntent(unitId, this);\n\n NotificationCompat.Builder builder;\n if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {\n // 4. 필요에 따라 notificationChannel 을 생성해 등록합니다.\n createNotificationChannelIfNeeded();\n builder = new NotificationCompat.Builder(this, NOTIFICATION_CHANNEL_ID);\n } else {\n builder = new NotificationCompat.Builder(this);\n }\n\n // 5. CustomContolService 에서 사용할 View 를 등록합니다.\n RemoteViews remoteView = new RemoteViews(getPackageName(), R.layout.view_custom_notification);\n builder.setSmallIcon(popNotificationConfig.getSmallIconResId())\n .setContent(remoteView)\n .setContentIntent(popPendingIntent)\n .setPriority(PRIORITY_LOW)\n .setShowWhen(false);\n if (popNotificationConfig.getColor() == null) {\n builder.setColor(popNotificationConfig.getColor());\n }\n return builder.build();\n }\n\n @TargetApi(Build.VERSION_CODES.O)\n private void createNotificationChannelIfNeeded() {\n final NotificationManager notificationManager = (NotificationManager) getSystemService(Context.NOTIFICATION_SERVICE);\n if (notificationManager.getNotificationChannel(NOTIFICATION_CHANNEL_ID) == null) {\n final NotificationChannel channel = new NotificationChannel(NOTIFICATION_CHANNEL_ID, NOTIFICATION_CHANNEL_NAME, NotificationManager.IMPORTANCE_LOW);\n channel.setShowBadge(false);\n notificationManager.createNotificationChannel(channel);\n }\n }\n}","type":"text"}]},{"type":"paragraph","content":[{"text":"Step 2. Custom Service Class 등록","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"PopConfig에 ","type":"text"},{"text":"CustomControlService","type":"text","marks":[{"type":"code"}]},{"text":"를 등록하여 사용할 수 있습니다.","type":"text"},{"type":"hardBreak"},{"text":"이 경우, ","type":"text"},{"text":"PopNotificationConfig","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"19460e37-9083-4054-b5c5-c2d6c64395c5"}}]},{"text":" 는 SmallIconRes 와 NotificationId 두 가지만 설정하면 됩니다.","type":"text"}]},{"type":"codeBlock","attrs":{"language":"java"},"content":[{"text":"final PopNotificationConfig popNotificationConfig = new PopNotificationConfig.Builder()\n .smallIconResId(R.drawable.ic_notification_pop_gift)\n .notificationId(NOTIFICATION_ID)\n .build();\nfinal PopConfig popConfig = new PopConfig.Builder(getApplicationContext(), UNIT_ID_POP)\n ...생략...\n .popNotificationConfig(popNotificationConfig)\n .controlService(CustomControlService.class)\n .build();\n\nfinal BuzzAdBenefitConfig buzzAdBenefitConfig = new BuzzAdBenefitConfig.Builder(context)\n ...생략...\n .setPopConfig(popConfig)\n .build();","type":"text"}]},{"type":"paragraph","content":[{"text":"Step 3. Manifest 에 CustomControlService 를 등록","type":"text","marks":[{"type":"strong"}]}]},{"type":"codeBlock","attrs":{"language":"xml"},"content":[{"text":"\n","type":"text"}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Pop Feed 커스터마이징","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"유틸리티 영역 커스터마이징","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"7e690e0c-53ec-4a74-9b24-55aed883d124"}}]}]},{"type":"paragraph","content":[{"text":"Pop","type":"text"},{"text":"Feed 하단의 Utility","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"1aab1070-a245-4796-92cc-c151778a8e8a"}}]},{"text":"영역을 커스텀할 때 ","type":"text"},{"text":"PopUtilityLayoutHandler","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"ae98c213-6e1e-446c-9679-ae0c05f401b6"}},{"type":"code"}]},{"text":" 클래스를 상속받아 사용합니다. 기본으로는 카메라, 사진첩, 브라우저로 이동하는 기능이 제공됩니다. ","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center"},"content":[{"type":"media","attrs":{"width":1100,"id":"f94b44fb-7060-4501-a8c6-2145d1474dd3","collection":"contentId-2164328599","type":"file","height":572}}]},{"type":"paragraph","content":[{"text":"Utility에 넣고 싶은 View를 작성하여 ","type":"text"},{"text":"parent","type":"text","marks":[{"type":"code"}]},{"text":" ViewGroup에 추가합니다.","type":"text"}]},{"type":"codeBlock","attrs":{"language":"java"},"content":[{"text":"public final class CustomPopUtilityLayoutHandler extends PopUtilityLayoutHandler {\n\n private Context context;\n\n public CustomPopUtilityLayoutHandler(Context context) {\n super(context);\n this.context = context;\n }\n\n @Override\n public void onLayoutCreated(ViewGroup parent) {\n LayoutInflater inflater = LayoutInflater.from(context);\n final FrameLayout layout = (FrameLayout) inflater.inflate(\n R.layout.my_pop_utility_view,\n parent,\n false\n );\n parent.addView(layout);\n }\n}","type":"text"}]},{"type":"paragraph","content":[{"text":"PopConfig에 ","type":"text"},{"text":"CustomPopUtilityLayoutHandler","type":"text","marks":[{"type":"code"}]},{"text":"를 설정합니다.","type":"text"}]},{"type":"codeBlock","attrs":{"language":"java"},"content":[{"text":"new PopConfig.Builder(getApplicationContext(), \"YOUR_FEED_UNIT_ID\")\n ...생략...\n .popUtilityLayoutHandlerClass(CustomPopUtilityLayoutHandler.class)\n .build();","type":"text"}]},{"type":"panel","attrs":{"panelType":"info"},"content":[{"type":"paragraph","content":[{"text":"팝피드 유틸리티 영역 아이콘 참고사항","type":"text","marks":[{"type":"strong"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"추천 이미지 사이즈","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"24*24 dp (mdpi 기준)","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"96*96 px (xxxhdpi까지 지원, 픽셀기준 최대 4배)","type":"text"}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"아이콘은 png 와 벡터이미지가 모두 가능합니다.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"컬러 아이콘 사용 가능","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Pop Toolbar (AppBar) 커스터마이징","type":"text"}]},{"type":"paragraph","content":[{"text":"PopFeed 상단의 Toolbar영역은 ","type":"text"},{"text":"DefaultPopToolbarHolder","type":"text","marks":[{"type":"code"}]},{"text":" 클래스를 상속한 클래스를 구현하여 변경할 수 있습니다. ","type":"text"},{"type":"hardBreak"},{"text":"DefaultPopToolbarHolder","type":"text","marks":[{"type":"code"}]},{"text":"의 아이콘 색상은 ","type":"text"},{"text":"테마변경 가이드","type":"text","marks":[{"type":"link","attrs":{"href":"/wiki/spaces/BDG/pages/2164329086/ver%2B2.23.x%2B9.#PrimaryColor-%EB%B3%80%EA%B2%BD"}}]},{"text":"에 따라 변경할 수 있습니다.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":100.0},"content":[{"type":"media","attrs":{"width":436,"id":"527df30b-5125-4a2a-acce-a77efe56e8a3","collection":"contentId-2164328599","type":"file","height":188}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"Option1. Toolbar 제목 및 아이콘 변경 ","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"SDK에서 제공하는 ","type":"text"},{"text":"PopToolbar","type":"text","marks":[{"type":"code"}]},{"text":" 를 사용하여 Toolbar 제목 및 아이콘을 변경할 수 있습니다. ","type":"text"},{"type":"hardBreak"},{"text":"Toolbar 우측에 클릭 가능한 버튼도 추가할 수 있습니다.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":100.0},"content":[{"type":"media","attrs":{"width":436,"id":"9fecd8ab-7ea7-4fc8-99ce-d7b7925e0087","collection":"contentId-2164328599","type":"file","height":111}}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Toolbar icon 변경: ","type":"text"},{"text":"toolbar.setIconResource","type":"text","marks":[{"type":"code"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Toolbar title 변경: ","type":"text"},{"text":"toolbar.setTitle","type":"text","marks":[{"type":"code"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Toolbar background color 변경: ","type":"text"},{"text":"toolbar.setBackgroundColor","type":"text","marks":[{"type":"code"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Toolbar 우측 문의하기 버튼 추가: ","type":"text"},{"text":"addInquiryMenuItemView","type":"text","marks":[{"type":"code"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Toolbar 우측 custom 버튼 추가: ","type":"text"},{"text":"toolbar.buildPopMenuItemView","type":"text","marks":[{"type":"code"}]},{"text":" 를 통해 ","type":"text"},{"text":"PopMenuImageView","type":"text","marks":[{"type":"code"}]},{"text":" 를 생성하고 생성된 View 를 ","type":"text"},{"text":"toolbar.addRightMenuButton","type":"text","marks":[{"type":"code"}]},{"text":" 를 통해 toolbar에 추가합니다. (우측 버튼은 add 된 순서대로 좌측부터 우측으로 배열됩니다.)","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"showInquiry","type":"text","marks":[{"type":"code"}]},{"text":" 함수: 문의하기 페이지를 엽니다. 문의하기 버튼 icon 을 customize 할 때 이 함수를 통해서 문의하기 페이","type":"text"},{"text":"지를 열 수 있습","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"fc2f9a81-674b-41ae-ba80-056759137718"}}]},{"text":"니다.","type":"text"}]}]}]}]}]},{"type":"codeBlock","attrs":{"language":"java"},"content":[{"text":"// DefaultPopToolbarHolder 상속\npublic class TemplatePopToolbarHolder extends DefaultPopToolbarHolder {\n @Override\n public View getView(Activity activity, @NonNull final String unitId) {\n toolbar = new PopToolbar(activity); // PopToolbar 에서 제공하는 기본 Template 사용\n toolbar.setTitle(\"TemplatePopToolbarHolder\");\n toolbar.setIconResource(R.mipmap.ic_launcher);\n toolbar.setBackgroundColor(Color.LTGRAY);\n\n addInquiryMenuItemView(activity, unitId); // 문의하기 버튼은 이 함수를 통해 간단하게 추가 가능합니다.\n addRightMenuItemView1(activity, unitId); // custom 버튼 추가\n return toolbar;\n }\n\n // custom 버튼 추가는 toolbar.buildPopMenuItemView 를 사용하여 View 를 생성하고\n // toolbar.addRightMenuButton 를 사용하여 toolbar 에 추가합니다.\n private void addRightMenuItemView1(@NonNull final Activity activity, @NonNull final String unitId) {\n PopMenuImageView menuItemView = toolbar.buildPopMenuItemView(activity, R.mipmap.ic_launcher);\n menuItemView.setOnClickListener(new View.OnClickListener() {\n @Override\n public void onClick(View v) {\n showInquiry(activity, unitId);\n }\n });\n toolbar.addRightMenuButton(menuItemView);\n }\n}","type":"text"}]},{"type":"paragraph","content":[{"text":"Option2. Toolbar 레이아웃 변경","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"SDK에서 제공하는 기본 UI (","type":"text"},{"text":"PopToolbar","type":"text","marks":[{"type":"code"}]},{"text":")를 사용하지 않고 직접 구성한 레이아웃을 사용하여 Toolbar 영역을 전체를 커스터마이징 할 수 있습니다.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":100.0},"content":[{"type":"media","attrs":{"width":436,"id":"83ef583d-d2bc-4e4d-bb16-8bbd5d41dff3","collection":"contentId-2164328599","type":"file","height":111}}]},{"type":"paragraph","content":[{"text":"툴바 영역 전체를 커스터마이징하는 예제입니다.","type":"text"}]},{"type":"codeBlock","attrs":{"language":"java"},"content":[{"text":"public class CustomPopToolbarHolder extends DefaultPopToolbarHolder {\n @Override\n public View getView(Activity activity, @NonNull final String unitId) {\n // 직접 구성한 layout 을 사용합니다\n ViewGroup root = (ViewGroup) activity.getLayoutInflater().inflate(R.layout.your_pop_custom_toolbar_layout, null);\n\n View buttonInquiry = root.findViewById(R.id.yourInquiryButton);\n buttonInquiry.setOnClickListener(new View.OnClickListener() {\n @Override\n public void onClick(View v) {\n // 문의하기 페이지 열기\n showInquiry(activity, unitId);\n }\n });\n return root;\n }\n}","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Snackbar 및 Toast","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"3f1cbe58-ab5f-4b50-a19d-99cac9ac2a53"}}]},{"text":" 내용 커","type":"text"},{"text":"스터마이","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"cd192032-fd71-4611-8226-5c781b82cf22"}}]},{"text":"징","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center"},"content":[{"type":"media","attrs":{"width":1100,"id":"06d038cd-27bc-4e87-ad7c-f395a9eaefc3","collection":"contentId-2164328599","type":"file","height":933}}]},{"type":"paragraph","content":[{"text":"PopFeed 지면에서 유저가 리워드를 획득을 했을때 스낵바 혹은 Toast 가 표시됩니다.","type":"text"},{"type":"hardBreak"},{"text":"스낵바 혹은 Toast에 표시되는 메세지를 커스터마이징할 수 있습니다.","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"DefaultPopFeedbackHandler","type":"text","marks":[{"type":"code"}]},{"text":"를 상속 받","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"d1954b03-eceb-4427-9c72-29cdcf695dea"}}]},{"text":"는 클래스를 생성합니다.","type":"text"}]},{"type":"codeBlock","content":[{"text":"public class CustomPopFeedback extends DefaultPopFeedbackHandler {\n @Override\n public void notifyNativeAdReward(\n @NotNull Context context,\n @NotNull View view,\n boolean canUseSnackbar,\n int reward\n ) {\n String message = \"Customized feed launch reward message\";\n\n if (canUseSnackbar) {\n showSnackbar(message, view);\n } else {\n showToast(message);\n }\n }\n}","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"PopConfig에이전 스텝에서 생성한 Custom PopFeedbackHandler 클래스를 넘겨줍니다.","type":"text"}]},{"type":"codeBlock","attrs":{"language":"java"},"content":[{"text":"PopConfig popConfig = new PopConfig.Builder(this, \"YOUR_FEED_UNIT_ID\")\n ...생략...\n .popFeedbackHandlerClass(CustomPopFeedbackHandlerClass.class)\n .build();","type":"text"}]},{"type":"paragraph"}]}]},{"type":"table","attrs":{"layout":"default"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[221.0]},"content":[{"type":"paragraph","content":[{"text":"methods","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[539.0]},"content":[{"type":"paragraph","content":[{"text":"Description","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[221.0]},"content":[{"type":"paragraph","content":[{"text":"notifyNativeAdReward","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[539.0]},"content":[{"type":"paragraph","content":[{"text":"광고 적립에 성공 시, 호출됩니다.","type":"text"},{"type":"hardBreak"},{"text":"디폴트 메세지: ","type":"text"},{"text":"광고 적립 포인트 n포인트 적립되었습니다.","type":"text","marks":[{"type":"code"}]}]}]}]}]},{"type":"table","attrs":{"layout":"default"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[221.0]},"content":[{"type":"paragraph","content":[{"text":"Parameters","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[539.0]},"content":[{"type":"paragraph","content":[{"text":"Description","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[221.0]},"content":[{"type":"paragraph","content":[{"text":"context","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[539.0]},"content":[{"type":"paragraph","content":[{"text":"snackbar나 toast를 사용할 때 인자로 넘겨주는 context입니다.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[221.0]},"content":[{"type":"paragraph","content":[{"text":"view","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[539.0]},"content":[{"type":"paragraph","content":[{"text":"snackbar를 사용할 때 인자로 넘겨주는 view입니다.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[221.0]},"content":[{"type":"paragraph","content":[{"text":"canUseSnackbar","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[539.0]},"content":[{"type":"paragraph","content":[{"text":"snackbar를 사용할 수 있는 상태인지를 알려주는 flag입니다.","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[221.0]},"content":[{"type":"paragraph","content":[{"text":"reward","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[539.0]},"content":[{"type":"paragraph","content":[{"text":"적립된 리워드 양을 나타냅니다. ","type":"text"},{"text":"reward","type":"text","marks":[{"type":"code"}]},{"text":"를 사용해서 유저에게 좀 더 구체적인 피드백을 제공할 수 있습니다.","type":"text"}]}]}]}]},{"type":"paragraph","content":[{"text":" ","type":"text"}]},{"type":"paragraph"}],"version":1}

Browser not supported