Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents

메인페이지 헤더 Custom View 자체 구현

...

PedometerPopHeaderViewAdapter의 상속 클래스를 구현하여 Custom View를 설정합니다.

...

Table of Contents

<<메인페이지의 헤더 영역 강조 이미지>>

메인페이지의 헤더 영역를 직접 구현한 Custom View로 대체하는 방법을 설명합니다. Custom View를 직접 구현하지 않고 기본 헤더를 Config 설정으로 간단히 변경하기 위해서는 UI 커스터마이징을 참고하시기 바랍니다.

다음은 메인페이지 헤더를 Custom View로 대체하는 예시입니다. 만보기 기능을 View로 구현하는데 필요한 API는 코드 예시 하단에 있습니다.

Code Block
languagejava
public class YourPedometerPopHeaderViewAdapter extends PedometerPopHeaderViewAdapter {

    @NotNull
    @Override
    public View createView(@NotNull Context context, @NotNull ViewGroup parent) {
        this.context = context;
        View view =  LayoutInflater.from(context).inflate(
                R.layout.your_custom_pedometer_header_layout,
                parent,
                false
        );
        setPedometer(); // API를 이용하여 자체 구현
        return view;
    }
}

만보기

...

기능 API

API

설명

getMaxProgress()

Pedometer Header 상단에 표시되는 progress 의 최대 값 (10000)

getProgress()

Pedometer Header 상단에 표시되는 progress 의 현재 값 ((걸음 수/마일스톤 목표 걸음 수) * maxProgress)

isRewardable()

적립가능 한 마일스톤이 있으면 true

getStep()

현재 걸음 수

getMilestones()

모든 마일스톤(List<Milestone>)

getPopPedometerHeaderEventListener()

Override 하여 PopPedometerHeaderEventListener를 등록합니다. PopPedometerHeaderEventListener는 만보기 이벤트가 발생할 경우 콜백이 발생합니다.

PopPedometerHeaderEventListener.onStepChanged

걸음 수 가 변했을 때 호출됩니다.

PopPedometerHeaderEventListener.onMilestoneReached

마일스톤 목표 달성 시 호출됩니다.

PopPedometerHeaderEventListener.onMilestoneUpdated

마일스톤 정보가 변경 됐을 때 호출됩니다.

navigateToPedometer()

Pedometer Fragment 로 화면 전환합니다.

navigateToPedometerHistory()

PedometerHistory Fragment 로 화면 전환합니다.

...