// MainActivity.java
@Override
public void onProfileClick(View v) {
    // 화면 전환 후 바로 표시되는 Reveal Effect를 위해 탭한 View의 위치를 얻어서 전달하고 있다.
    int[] startingLocation = new int[2];
    v.getLocationOnScreen(startingLocation);
    startingLocation[0] += v.getWidth() / 2;
    UserProfileActivity.startUserProfileFromLocation(startingLocation, this);

    // 화면 전환의 기본 애니메이션을 끄고 Activity가 바뀐다는 것을 느끼게 하지 않도록 하고 있다.
    overridePendingTransition(0, 0);
}

// UserProfileActivity.java
private void setupRevealBackground(Bundle savedInstanceState) {
    // 상태가 변경되면 UserProfileActivity#onStateChange가 불리게 한다.
    vRevealBackground.setOnStateChangeListener(this);

    if (savedInstanceState == null) {
        // MainActivity에서 넘겨진 정보를 취득
        final int[] startingLocation = getIntent().getIntArrayExtra(ARG_REVEAL_START_LOCATION);

        // ViewTreeObserver를 사용하면 vRevealBackground가 그려진 타이밍을 포착하여 애니메이션 작업을 시작하도록 하고 있다
        vRevealBackground.getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
            @Override
            public boolean onPreDraw() {
                vRevealBackground.getViewTreeObserver().removeOnPreDrawListener(this);
                // 실제로 애니메이션을 하는 부분
                // 애니메이션은 ObjectAnimator로 하고 있다
                // 애니메이션이 끝나면 상태를 "FINISHED"로 변경
                vRevealBackground.startFromLocation(startingLocation);
                return true;
            }
        });
    } else {
        vRevealBackground.setToFinishedFrame();
        userPhotosAdapter.setLockedAnimations(true);
    }
}

// UserProfileActivity.java
@Override
public void onStateChange(int state) {
    if (RevealBackgroundView.STATE_FINISHED == state) {
        // Reveal Effect 상태가 FINISHED로 변경된 경우

        // 헤더와 탭이 VISIBLE된다
        rvUserProfile.setVisibility(View.VISIBLE);
        tlUserProfileTabs.setVisibility(View.VISIBLE);
        vUserProfileRoot.setVisibility(View.VISIBLE);

        // 하단의 사진 그리드 처리를 시작
        userPhotosAdapter = new UserProfileAdapter(this);
        rvUserProfile.setAdapter(userPhotosAdapter);

        // 탭 위에서 나오는 애니메이션이 일어난다
        animateUserProfileOptions();

        // 헤더가 위에서 나오는 애니메이션이 일어난다
        animateUserProfileHeader();
    } else {
        tlUserProfileTabs.setVisibility(View.INVISIBLE);
        rvUserProfile.setVisibility(View.INVISIBLE);
        vUserProfileRoot.setVisibility(View.INVISIBLE);
    }   
}

private void animateUserProfileOptions() {
    tlUserProfileTabs.setTranslationY(-tlUserProfileTabs.getHeight());
    tlUserProfileTabs.animate().translationY(0).setDuration(300).setStartDelay(USER_OPTIONS_ANIMATION_DELAY).setInterpolator(INTERPOLATOR);
}

private void animateUserProfileHeader() {
    vUserProfileRoot.setTranslationY(-vUserProfileRoot.getHeight());
    ivUserProfilePhoto.setTranslationY(-ivUserProfilePhoto.getHeight());
    vUserDetails.setTranslationY(-vUserDetails.getHeight());
    vUserStats.setAlpha(0);

    vUserProfileRoot.animate().translationY(0).setDuration(300).setInterpolator(INTERPOLATOR);
    ivUserProfilePhoto.animate().translationY(0).setDuration(300).setStartDelay(100).setInterpolator(INTERPOLATOR);
    vUserDetails.animate().translationY(0).setDuration(300).setStartDelay(200).setInterpolator(INTERPOLATOR);
    vUserStats.animate().alpha(1).setDuration(200).setStartDelay(400).setInterpolator(INTERPOLATOR).start();
}

// UserProfileAdapter.java
@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
    bindPhoto((PhotoViewHolder) holder, position);
}

private void bindPhoto(final PhotoViewHolder holder, int position) {
    Picasso.with(context)
            .load(photos.get(position))
            .resize(cellSize, cellSize)
            .centerCrop()
            .into(holder.ivPhoto, new Callback() {
                @Override
                public void onSuccess() {
                    // 이미지 로드가 완료되면 애니메이션을 한다
                    animatePhoto(holder);
                }   

                @Override
                public void onError() {

                }   
            }); 
    if (lastAnimatedItem < position) lastAnimatedItem = position;
}

private void animatePhoto(PhotoViewHolder viewHolder) {
    if (!lockedAnimations) {
        if (lastAnimatedItem == viewHolder.getPosition()) {
            setLockedAnimations(true);
        }   

        // 스케일을 0에서 1로하고 부드럽게 표시시키고 있다
        long animationDelay = PHOTO_ANIMATION_DELAY + viewHolder.getPosition() * 30; 

        viewHolder.flRoot.setScaleY(0);
        viewHolder.flRoot.setScaleX(0);

        viewHolder.flRoot.animate()
                .scaleY(1)
                .scaleX(1)
                .setDuration(200)
                .setInterpolator(INTERPOLATOR)
                .setStartDelay(animationDelay)
                .start();
    }   
}