package com.vpaliy.fabexploration.dots;
import android.animation.Animator;
import android.animation.AnimatorListenerAdapter;
import android.animation.AnimatorSet;
import android.animation.ObjectAnimator;
import android.animation.ValueAnimator;
import android.graphics.Path;
import android.graphics.drawable.GradientDrawable;
import android.os.Bundle;
import android.support.constraint.ConstraintLayout;
import android.support.design.widget.FloatingActionButton;
import android.support.v4.content.ContextCompat;
import android.support.v4.util.ArrayMap;
import android.support.v4.view.ViewCompat;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.OvershootInterpolator;
import android.widget.ImageView;
import com.vpaliy.fabexploration.BaseFragment;
import com.vpaliy.fabexploration.R;
import java.util.List;
import io.codetail.animation.ViewAnimationUtils;
import butterknife.BindView;
import butterknife.BindViews;
import butterknife.OnClick;
import android.support.annotation.Nullable;
public class DotsFragment extends BaseFragment {
@BindViews({R.id.first, R.id.second, R.id.third})
protected List<FloatingActionButton> dots;
@BindView(R.id.parent)
protected ViewGroup parent;
@BindView(R.id.background)
protected View background;
@BindView(R.id.topPanel)
protected View topPanel;
@BindView(R.id.top)
protected ViewGroup top;
@BindView(R.id.close)
protected ImageView close;
@BindView(R.id.root)
protected View root;
private FloatingActionButton lastDot;
private ArrayMap<Integer, Integer> colors;
private int color;
private boolean isFolded;
private boolean finished = true;
@Override
protected int mainRes() {
return R.layout.fragment_dots;
}
@Override
public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
super.onViewCreated(view, savedInstanceState);
if (view != null) {
topPanel.post(() -> topPanel.setVisibility(View.GONE));
close.post(() -> close.setVisibility(View.GONE));
color = ContextCompat.getColor(getContext(), R.color.colorAccent);
int firstColor = ContextCompat.getColor(getContext(), R.color.color_dot_first);
int secondColor = ContextCompat.getColor(getContext(), R.color.color_dot_second);
colors = new ArrayMap<>();
colors.put(color, secondColor);
colors.put(firstColor, color);
colors.put(secondColor, firstColor);
}
}
@OnClick({R.id.first, R.id.third})
public void revealSides(FloatingActionButton dot) {
if (finished) {
finished = false;
lastDot = dot;
float deltaX = topPanel.getWidth() / 2 - dot.getX() - dot.getWidth() / 2;
float deltaY = topPanel.getHeight() / 2 - dot.getY() - dot.getHeight() / 2;
deltaY -= topPanel.getHeight() / 2 + getResources().getDimension(R.dimen.morph_radius) / 4;
Path arcPath = createArcPath(dot, deltaX, deltaY, -deltaX);
ValueAnimator pathAnimator = ValueAnimator.ofFloat(0, 1);
pathAnimator.addUpdateListener(new ArcListener(arcPath, dot));
int dotColor = dot.getBackgroundTintList().getDefaultColor();
topPanel.setBackgroundColor(dotColor);
if (dotColor == color) {
backgroundReveal().start();
}
pathAnimator.addListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationEnd(Animator animation) {
super.onAnimationEnd(animation);
Animator animator = createRevealAnimator(dot, 0);
finish(animator);
animator.start();
runCloseAnimation();
}
});
AnimatorSet animatorSet = morphParent(duration(R.integer.reveal_duration));
animatorSet.play(pathAnimator);
addScaleAnimation(duration(R.integer.short_delay), duration(R.integer.fade_duration), animatorSet);
animatorSet.start();
}
}
private void runCloseAnimation() {
close.setVisibility(View.VISIBLE);
close.setAlpha(0f);
close.setRotation(0f);
close.animate()
.alpha(1f)
.setDuration(duration(R.integer.close_duration))
.start();
close.animate()
.rotation(-360)
.setDuration(duration(R.integer.close_duration))
.setStartDelay(duration(R.integer.medium_delay))
.start();
}
@OnClick(R.id.topPanel)
public void conceal() {
if (!finished) return;
close.setVisibility(View.INVISIBLE);
finished = false;
if (lastDot.getId() == R.id.second) {
int height = top.getHeight();
ValueAnimator heightAnimation = ValueAnimator.ofInt(top.getHeight(), parent.getHeight());
heightAnimation.addUpdateListener(valueAnimator -> {
int val = (Integer) valueAnimator.getAnimatedValue();
ViewGroup.LayoutParams layoutParams = top.getLayoutParams();
layoutParams.height = val;
top.setLayoutParams(layoutParams);
});
heightAnimation.addListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationEnd(Animator animation) {
super.onAnimationEnd(animation);
Animator animator = createRevealAnimator(lastDot, 0);
animator.addListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationEnd(Animator animation) {
lastDot.setVisibility(View.VISIBLE);
topPanel.setVisibility(View.GONE);
top.getLayoutParams().height = height;
AnimatorSet animatorSet = morphParent(duration(R.integer.conceal_duration));
animatorSet.setDuration(duration(R.integer.conceal_duration) / 2);
addScaleAnimation(duration(R.integer.short_delay),
duration(R.integer.fade_in_duration),
animatorSet);
animatorSet.start();
finished = true;
isFolded = !isFolded;
}
});
animator.start();
}
});
heightAnimation.setDuration(duration(R.integer.conceal_duration));
heightAnimation.start();
return;
}
Animator animator = createRevealAnimator(lastDot, 0);
animator.addListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationEnd(Animator animation) {
super.onAnimationEnd(animation);
lastDot.setVisibility(View.VISIBLE);
topPanel.setVisibility(View.GONE);
Path arcPath = createArcPath(lastDot, 0, 0, lastDot.getTranslationX());
ValueAnimator pathAnimator = ValueAnimator.ofFloat(0, 1);
pathAnimator.addUpdateListener(new ArcListener(arcPath, lastDot));
AnimatorSet animatorSet = morphParent(duration(R.integer.conceal_duration));
animatorSet.play(pathAnimator);
addScaleAnimation(duration(R.integer.long_delay),
duration(R.integer.fade_in_duration), animatorSet);
finish(animatorSet);
animatorSet.start();
}
});
animator.start();
}
@OnClick(R.id.second)
public void revealSecond(FloatingActionButton dot) {
if (finished) {
finished = false;
lastDot = dot;
ViewGroup.LayoutParams params = top.getLayoutParams();
int height = params.height;
params.height = ConstraintLayout.LayoutParams.MATCH_PARENT;
top.setLayoutParams(params);
topPanel.setBackgroundColor(dot.getBackgroundTintList().getDefaultColor());
top.post(() -> {
Animator animator = createRevealAnimator(lastDot, 0);
int dotColor = dot.getBackgroundTintList().getDefaultColor();
if (dotColor == color) {
backgroundReveal().start();
}
AnimatorSet animatorSet = morphParent(duration(R.integer.reveal_duration));
animatorSet.play(animator);
addScaleAnimation(0, duration(R.integer.short_delay), animatorSet);
animatorSet.addListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationEnd(Animator animation) {
super.onAnimationEnd(animation);
ValueAnimator heightAnimation = ValueAnimator.ofInt(top.getHeight(), height);
heightAnimation.addUpdateListener(valueAnimator -> {
int val = (Integer) valueAnimator.getAnimatedValue();
ViewGroup.LayoutParams layoutParams = top.getLayoutParams();
layoutParams.height = val;
top.setLayoutParams(layoutParams);
});
heightAnimation.setDuration(duration(R.integer.reveal_duration) / 2);
finish(heightAnimation);
heightAnimation.start();
runCloseAnimation();
}
});
animatorSet.start();
});
}
}
private void finish(Animator animator) {
animator.addListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationEnd(Animator animation) {
super.onAnimationEnd(animation);
isFolded = !isFolded;
finished = !finished;
}
});
}
private Animator createRevealAnimator(FloatingActionButton dot, float offsetY) {
ViewCompat.setElevation(dot, 0);
dot.setVisibility(View.INVISIBLE);
lastDot = dot;
int cx = (int) (dot.getX() + dot.getHeight() / 2);
int cy = (int) (dot.getY() + dot.getHeight() / 2 + offsetY);
int w = topPanel.getWidth();
int h = topPanel.getHeight();
final int endRadius = !isFolded ? (int) Math.hypot(w, h) : dot.getHeight() / 2;
final int startRadius = isFolded ? (int) Math.hypot(w, h) : dot.getHeight() / 2;
topPanel.setVisibility(View.VISIBLE);
Animator animator = ViewAnimationUtils.createCircularReveal(topPanel, cx, cy, startRadius, endRadius);
animator.setDuration(duration(R.integer.reveal_duration));
return animator;
}
private Animator backgroundReveal() {
root.setBackgroundColor(color);
background.setBackgroundColor(color = colors.get(color));
int cx = (int) (parent.getX() + parent.getWidth() / 2);
int cy = (int) (parent.getY() + parent.getHeight() / 2);
int w = background.getWidth();
int h = background.getHeight();
Animator animator = ViewAnimationUtils.createCircularReveal(background, cx, cy, parent.getHeight() / 2, (int) Math.hypot(w, h));
animator.setDuration(duration(R.integer.reveal_duration) * 2);
return animator;
}
private void addScaleAnimation(int startDelay, int duration, AnimatorSet set) {
final int start = !isFolded ? 1 : 0;
final int end = ~start & 0x1;
AnimatorSet buttonSet = new AnimatorSet();
for (int index = 0; index < dots.size(); index++) {
FloatingActionButton tempDot = dots.get(index);
if (tempDot.getId() != lastDot.getId()) {
ObjectAnimator scaleX = ObjectAnimator.ofFloat(tempDot, View.SCALE_X, start, end);
ObjectAnimator scaleY = ObjectAnimator.ofFloat(tempDot, View.SCALE_Y, start, end);
ObjectAnimator fade = ObjectAnimator.ofFloat(tempDot, View.ALPHA, start, end);
scaleX.setStartDelay(startDelay);
scaleY.setStartDelay(startDelay);
scaleX.setInterpolator(new OvershootInterpolator(2));
scaleY.setInterpolator(new OvershootInterpolator(2));
fade.setStartDelay(startDelay);
buttonSet.playTogether(scaleX, scaleY, fade);
}
}
buttonSet.setDuration(duration);
set.playTogether(buttonSet);
}
private AnimatorSet morphParent(int duration) {
GradientDrawable drawable = GradientDrawable.class.cast(parent.getBackground());
int endValue = isFolded ? getResources().getDimensionPixelOffset(R.dimen.morph_radius) : 0;
ObjectAnimator cornerAnimation = ObjectAnimator.ofFloat(drawable, "cornerRadius", endValue);
endValue = isFolded ? parent.getHeight() / 2 : parent.getHeight() * 2;
ValueAnimator heightAnimation = ValueAnimator.ofInt(parent.getHeight(), endValue);
heightAnimation.addUpdateListener(valueAnimator -> {
int val = (Integer) valueAnimator.getAnimatedValue();
ViewGroup.LayoutParams layoutParams = parent.getLayoutParams();
layoutParams.height = val;
parent.setLayoutParams(layoutParams);
});
cornerAnimation.setDuration(duration);
heightAnimation.setDuration(duration);
AnimatorSet set = new AnimatorSet();
set.playTogether(cornerAnimation, heightAnimation);
return set;
}
}
