Example #1
0
  private void animateLoad() {
    setTranslationY(500);
    setAlpha(0);

    final Animator translateAnimator = ObjectAnimator.ofFloat(this, "translationY", 0);
    translateAnimator.setDuration(400);

    final Animator alphaAnimator = ObjectAnimator.ofFloat(this, "alpha", 1);
    alphaAnimator.setStartDelay(200);
    alphaAnimator.setDuration(600);

    final AnimatorSet set = new AnimatorSet();
    set.playTogether(alphaAnimator, translateAnimator);
    set.setStartDelay(400);

    set.start();
  }
  public void animateOpen() {
    if (!(getParent() instanceof DragLayer)) return;

    Animator openFolderAnim = null;
    final Runnable onCompleteRunnable;
    if (!Utilities.isLmpOrAbove()) {
      positionAndSizeAsIcon();
      centerAboutIcon();

      PropertyValuesHolder alpha = PropertyValuesHolder.ofFloat("alpha", 1);
      PropertyValuesHolder scaleX = PropertyValuesHolder.ofFloat("scaleX", 1.0f);
      PropertyValuesHolder scaleY = PropertyValuesHolder.ofFloat("scaleY", 1.0f);
      final ObjectAnimator oa =
          LauncherAnimUtils.ofPropertyValuesHolder(this, alpha, scaleX, scaleY);
      oa.setDuration(mExpandDuration);
      openFolderAnim = oa;

      setLayerType(LAYER_TYPE_HARDWARE, null);
      onCompleteRunnable =
          new Runnable() {
            @Override
            public void run() {
              setLayerType(LAYER_TYPE_NONE, null);
            }
          };
    } else {
      prepareReveal();
      centerAboutIcon();

      int width = getPaddingLeft() + getPaddingRight() + mContent.getDesiredWidth();
      int height = getFolderHeight();

      float transX = -0.075f * (width / 2 - getPivotX());
      float transY = -0.075f * (height / 2 - getPivotY());
      setTranslationX(transX);
      setTranslationY(transY);
      PropertyValuesHolder tx = PropertyValuesHolder.ofFloat("translationX", transX, 0);
      PropertyValuesHolder ty = PropertyValuesHolder.ofFloat("translationY", transY, 0);

      int rx = (int) Math.max(Math.max(width - getPivotX(), 0), getPivotX());
      int ry = (int) Math.max(Math.max(height - getPivotY(), 0), getPivotY());
      float radius = (float) Math.sqrt(rx * rx + ry * ry);
      AnimatorSet anim = LauncherAnimUtils.createAnimatorSet();
      Animator reveal =
          LauncherAnimUtils.createCircularReveal(
              this, (int) getPivotX(), (int) getPivotY(), 0, radius);
      reveal.setDuration(mMaterialExpandDuration);
      reveal.setInterpolator(new LogDecelerateInterpolator(100, 0));

      mContent.setAlpha(0f);
      Animator iconsAlpha = LauncherAnimUtils.ofFloat(mContent, "alpha", 0f, 1f);
      iconsAlpha.setDuration(mMaterialExpandDuration);
      iconsAlpha.setStartDelay(mMaterialExpandStagger);
      iconsAlpha.setInterpolator(new AccelerateInterpolator(1.5f));

      mFolderName.setAlpha(0f);
      Animator textAlpha = LauncherAnimUtils.ofFloat(mFolderName, "alpha", 0f, 1f);
      textAlpha.setDuration(mMaterialExpandDuration);
      textAlpha.setStartDelay(mMaterialExpandStagger);
      textAlpha.setInterpolator(new AccelerateInterpolator(1.5f));

      Animator drift = LauncherAnimUtils.ofPropertyValuesHolder(this, tx, ty);
      drift.setDuration(mMaterialExpandDuration);
      drift.setStartDelay(mMaterialExpandStagger);
      drift.setInterpolator(new LogDecelerateInterpolator(60, 0));

      anim.play(drift);
      anim.play(iconsAlpha);
      anim.play(textAlpha);
      anim.play(reveal);

      openFolderAnim = anim;

      mContent.setLayerType(LAYER_TYPE_HARDWARE, null);
      onCompleteRunnable =
          new Runnable() {
            @Override
            public void run() {
              mContent.setLayerType(LAYER_TYPE_NONE, null);
            }
          };
    }
    openFolderAnim.addListener(
        new AnimatorListenerAdapter() {
          @Override
          public void onAnimationStart(Animator animation) {
            sendCustomAccessibilityEvent(
                AccessibilityEvent.TYPE_WINDOW_STATE_CHANGED,
                String.format(
                    getContext().getString(R.string.folder_opened),
                    mContent.getCountX(),
                    mContent.getCountY()));
            mState = STATE_ANIMATING;
          }

          @Override
          public void onAnimationEnd(Animator animation) {
            mState = STATE_OPEN;

            if (onCompleteRunnable != null) {
              onCompleteRunnable.run();
            }

            setFocusOnFirstChild();
          }
        });
    openFolderAnim.start();

    // Make sure the folder picks up the last drag move even if the finger doesn't move.
    if (mDragController.isDragging()) {
      mDragController.forceTouchMove();
    }
  }
  @Override
  public Animator createAnimator(
      final ViewGroup sceneRoot,
      final TransitionValues startValues,
      final TransitionValues endValues) {
    if (startValues == null || endValues == null) return null;

    final Rect startBounds = (Rect) startValues.values.get(PROP_BOUNDS);
    final Rect endBounds = (Rect) endValues.values.get(PROP_BOUNDS);

    final boolean fromFab = endBounds.width() > startBounds.width();
    final View view = endValues.view;
    final Rect dialogBounds = fromFab ? endBounds : startBounds;
    final Rect fabBounds = fromFab ? startBounds : endBounds;
    final Interpolator fastOutSlowInInterpolator =
        AnimUtils.getFastOutSlowInInterpolator(sceneRoot.getContext());
    final long duration = getDuration();
    final long halfDuration = duration / 2;
    final long twoThirdsDuration = duration * 2 / 3;

    if (!fromFab) {
      // Force measure / layout the dialog back to it's original bounds
      view.measure(
          makeMeasureSpec(startBounds.width(), View.MeasureSpec.EXACTLY),
          makeMeasureSpec(startBounds.height(), View.MeasureSpec.EXACTLY));
      view.layout(startBounds.left, startBounds.top, startBounds.right, startBounds.bottom);
    }

    final int translationX = startBounds.centerX() - endBounds.centerX();
    final int translationY = startBounds.centerY() - endBounds.centerY();
    if (fromFab) {
      view.setTranslationX(translationX);
      view.setTranslationY(translationY);
    }

    // Add a color overlay to fake appearance of the FAB
    final ColorDrawable fabColor = new ColorDrawable(color);
    fabColor.setBounds(0, 0, dialogBounds.width(), dialogBounds.height());
    if (!fromFab) fabColor.setAlpha(0);
    view.getOverlay().add(fabColor);

    // Add an icon overlay again to fake the appearance of the FAB
    final Drawable fabIcon = ContextCompat.getDrawable(sceneRoot.getContext(), icon).mutate();
    final int iconLeft = (dialogBounds.width() - fabIcon.getIntrinsicWidth()) / 2;
    final int iconTop = (dialogBounds.height() - fabIcon.getIntrinsicHeight()) / 2;
    fabIcon.setBounds(
        iconLeft,
        iconTop,
        iconLeft + fabIcon.getIntrinsicWidth(),
        iconTop + fabIcon.getIntrinsicHeight());
    if (!fromFab) fabIcon.setAlpha(0);
    view.getOverlay().add(fabIcon);

    // Circular clip from/to the FAB size
    final Animator circularReveal;
    if (fromFab) {
      circularReveal =
          ViewAnimationUtils.createCircularReveal(
              view,
              view.getWidth() / 2,
              view.getHeight() / 2,
              startBounds.width() / 2,
              (float) Math.hypot(endBounds.width() / 2, endBounds.height() / 2));
      circularReveal.setInterpolator(
          AnimUtils.getFastOutLinearInInterpolator(sceneRoot.getContext()));
    } else {
      circularReveal =
          ViewAnimationUtils.createCircularReveal(
              view,
              view.getWidth() / 2,
              view.getHeight() / 2,
              (float) Math.hypot(startBounds.width() / 2, startBounds.height() / 2),
              endBounds.width() / 2);
      circularReveal.setInterpolator(
          AnimUtils.getLinearOutSlowInInterpolator(sceneRoot.getContext()));

      // Persist the end clip i.e. stay at FAB size after the reveal has run
      circularReveal.addListener(
          new AnimatorListenerAdapter() {
            @Override
            public void onAnimationEnd(Animator animation) {
              view.setOutlineProvider(
                  new ViewOutlineProvider() {
                    @Override
                    public void getOutline(View view, Outline outline) {
                      final int left = (view.getWidth() - fabBounds.width()) / 2;
                      final int top = (view.getHeight() - fabBounds.height()) / 2;
                      outline.setOval(
                          left, top, left + fabBounds.width(), top + fabBounds.height());
                      view.setClipToOutline(true);
                    }
                  });
            }
          });
    }
    circularReveal.setDuration(duration);

    // Translate to end position along an arc
    final Animator translate =
        ObjectAnimator.ofFloat(
            view,
            View.TRANSLATION_X,
            View.TRANSLATION_Y,
            fromFab
                ? getPathMotion().getPath(translationX, translationY, 0, 0)
                : getPathMotion().getPath(0, 0, -translationX, -translationY));
    translate.setDuration(duration);
    translate.setInterpolator(fastOutSlowInInterpolator);

    // Fade contents of non-FAB view in/out
    List<Animator> fadeContents = null;
    if (view instanceof ViewGroup) {
      final ViewGroup vg = ((ViewGroup) view);
      fadeContents = new ArrayList<>(vg.getChildCount());
      for (int i = vg.getChildCount() - 1; i >= 0; i--) {
        final View child = vg.getChildAt(i);
        final Animator fade = ObjectAnimator.ofFloat(child, View.ALPHA, fromFab ? 1f : 0f);
        if (fromFab) {
          child.setAlpha(0f);
        }
        fade.setDuration(twoThirdsDuration);
        fade.setInterpolator(fastOutSlowInInterpolator);
        fadeContents.add(fade);
      }
    }

    // Fade in/out the fab color & icon overlays
    final Animator colorFade = ObjectAnimator.ofInt(fabColor, "alpha", fromFab ? 0 : 255);
    final Animator iconFade = ObjectAnimator.ofInt(fabIcon, "alpha", fromFab ? 0 : 255);
    if (!fromFab) {
      colorFade.setStartDelay(halfDuration);
      iconFade.setStartDelay(halfDuration);
    }
    colorFade.setDuration(halfDuration);
    iconFade.setDuration(halfDuration);
    colorFade.setInterpolator(fastOutSlowInInterpolator);
    iconFade.setInterpolator(fastOutSlowInInterpolator);

    // Work around issue with elevation shadows. At the end of the return transition the shared
    // element's shadow is drawn twice (by each activity) which is jarring. This workaround
    // still causes the shadow to snap, but it's better than seeing it double drawn.
    Animator elevation = null;
    if (!fromFab) {
      elevation = ObjectAnimator.ofFloat(view, View.TRANSLATION_Z, -view.getElevation());
      elevation.setDuration(duration);
      elevation.setInterpolator(fastOutSlowInInterpolator);
    }

    // Run all animations together
    final AnimatorSet transition = new AnimatorSet();
    transition.playTogether(circularReveal, translate, colorFade, iconFade);
    transition.playTogether(fadeContents);
    if (elevation != null) transition.play(elevation);
    if (fromFab) {
      transition.addListener(
          new AnimatorListenerAdapter() {
            @Override
            public void onAnimationEnd(Animator animation) {
              // Clean up
              view.getOverlay().clear();
            }
          });
    }
    return new AnimUtils.NoPauseAnimator(transition);
  }