Page Comparison

...

Info
반드시 샘플 코드를 확인한 뒤 실제 퍼블리셔 앱의 코드에 연동 바랍니다. - Github Link

Info
디자인 커스터마이징에 대해 문의사항이 있을 경우 버즈빌 BD 매니저에게 확인해주세요. 문의 전에 BuzzScreen SDK 자주 묻는 질문 문서를 확인하는 것을 권장합니다.

...

Expand

title	전/후 페이지 유무 표시

잠금화면 터치 시 화면 상하단에 화살표 등으로 전/후 페이지 유무를 표시할 수 있습니다. 이를 위해서는 setPageIndicators 를 호출하여 표시할 뷰를 지정해줍니다.

protected void setPageIndicators(View previous, View next)
- Parameters
  - previous : 이전 페이지가 존재할 경우 표시할 뷰
  - next : 이후 페이지가 존재할 경우 표시할 뷰

Code Block

language	java

setPageIndicators(
	findViewById(R.id.locker_arrow_top),
	findViewById(R.id.locker_arrow_bottom)
);

△ 좌: 화면 터치 전 / 우: 화면 터치 시

Expand

title	유저의 액션에 따라 Unlock/Landing 아이콘 바꾸기

기본적으로 제공되는 SimpleLockerActivity에서 양쪽 슬라이드 아이콘은 사용자 액션에 따라 세개의 다른 아이콘이 보여지도록 설정되어 있습니다. 아래 예시를 참고하여 유저 액션에 따라 아이콘을 바꾸어 보여줄 수 있습니다.

예를 들면 좌측 locker_landing 아이콘의 경우, 아래처럼 상태 값에 따라 다른 아이콘이 나타나고 있습니다.

Code Block

language	xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item 
        android:drawable="@drawable/bs_locker_landing_selected" 
        android:state_enabled="true"
        android:state_selected="true"/>
    <item 
        android:drawable="@drawable/bs_locker_landing_enabled" 
        android:state_enabled="true"
        android:state_selected="false"/>
    <item 
        android:drawable="@drawable/bs_locker_landing_disabled" 
        android:state_enabled="false"/>
</selector>

첫번째 아이템은 중앙 슬라이더가 클릭 됐을 때
두번째 아이템은 중앙 슬라이더가 좌측으로 밀어져서 랜딩이 일어나기 바로 직전
세번째 아이템은 아무 액션도 없을 때 입니다.

Expand

title	잠금화면 캠페인 전환 효과

잠금화면 카드 UI (피드 UI 참고) 에서 상하로 swipe 하면서 롤링할 때에, 소재가 전환되는 효과를 변경할 수 있습니다.

protected void setPageTransformer(ViewPager.PageTransformer transformer)
- ViewPager.PageTransformer : 퍼블리셔가 구현한 PageTransformer를 전달합니다. 설정 방법은 안드로이드 가이드 문서를 참고합니다.

Sample Code

Code Block

setPageTransformer(new ViewPager.PageTransformer() {
    @Override
    public void transformPage(View page, float position) {
        if (Build.VERSION.SDK_INT >= 11) {
            int pageHeight = page.getHeight();
            if (0 <= position && position <= 1) {
                page.setTranslationY(pageHeight * -position + (position * pageHeight / 4));
            }
        }
    }
});

Versions Compared

Old Version 5

New Version Current

Key

Sample Code