com/android/systemui/bubbles/BubbleDismissView.java

/*
 * Copyright (C) 2019 The Android Open Source Project
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

package com.android.systemui.bubbles;

import static android.view.ViewGroup.LayoutParams.MATCH_PARENT;

import android.content.Context;
import android.graphics.drawable.Drawable;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.animation.AccelerateDecelerateInterpolator;
import android.widget.FrameLayout;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

import androidx.dynamicanimation.animation.DynamicAnimation;
import androidx.dynamicanimation.animation.SpringAnimation;
import androidx.dynamicanimation.animation.SpringForce;

import com.android.systemui.R;

/** Dismiss view that contains a scrim gradient, as well as a dismiss icon, text, and circle. */
public class BubbleDismissView extends FrameLayout {
    /** Duration for animations involving the dismiss target text/icon/gradient. */
    private static final int DISMISS_TARGET_ANIMATION_BASE_DURATION = 150;

    private View mDismissGradient;

    private LinearLayout mDismissTarget;
    private ImageView mDismissIcon;
    private TextView mDismissText;
    private View mDismissCircle;

    private SpringAnimation mDismissTargetAlphaSpring;
    private SpringAnimation mDismissTargetVerticalSpring;

    public BubbleDismissView(Context context) {
        super(context);
        setVisibility(GONE);

        mDismissGradient = new FrameLayout(mContext);

        FrameLayout.LayoutParams gradientParams =
                new FrameLayout.LayoutParams(MATCH_PARENT, MATCH_PARENT);
        gradientParams.gravity = Gravity.BOTTOM;
        mDismissGradient.setLayoutParams(gradientParams);

        Drawable gradient = mContext.getResources().getDrawable(R.drawable.pip_dismiss_scrim);
        gradient.setAlpha((int) (255 * 0.85f));
        mDismissGradient.setBackground(gradient);

        mDismissGradient.setVisibility(GONE);
        addView(mDismissGradient);

        LayoutInflater.from(context).inflate(R.layout.bubble_dismiss_target, this, true);
        mDismissTarget = findViewById(R.id.bubble_dismiss_icon_container);
        mDismissIcon = findViewById(R.id.bubble_dismiss_close_icon);
        mDismissText = findViewById(R.id.bubble_dismiss_text);
        mDismissCircle = findViewById(R.id.bubble_dismiss_circle);

        // Set up the basic target area animations. These are very simple animations that don't need
        // fancy interpolators.
        final AccelerateDecelerateInterpolator interpolator =
                new AccelerateDecelerateInterpolator();
        mDismissGradient.animate()
                .setDuration(DISMISS_TARGET_ANIMATION_BASE_DURATION)
                .setInterpolator(interpolator);
        mDismissText.animate()
                .setDuration(DISMISS_TARGET_ANIMATION_BASE_DURATION)
                .setInterpolator(interpolator);
        mDismissIcon.animate()
                .setDuration(DISMISS_TARGET_ANIMATION_BASE_DURATION)
                .setInterpolator(interpolator);
        mDismissCircle.animate()
                .setDuration(DISMISS_TARGET_ANIMATION_BASE_DURATION / 2)
                .setInterpolator(interpolator);

        mDismissTargetAlphaSpring =
                new SpringAnimation(mDismissTarget, DynamicAnimation.ALPHA)
                        .setSpring(new SpringForce()
                                .setStiffness(SpringForce.STIFFNESS_LOW)
                                .setDampingRatio(SpringForce.DAMPING_RATIO_LOW_BOUNCY));
        mDismissTargetVerticalSpring =
                new SpringAnimation(mDismissTarget, DynamicAnimation.TRANSLATION_Y)
                        .setSpring(new SpringForce()
                                .setStiffness(SpringForce.STIFFNESS_MEDIUM)
                                .setDampingRatio(SpringForce.DAMPING_RATIO_LOW_BOUNCY));

        mDismissTargetAlphaSpring.addEndListener((anim, canceled, alpha, velocity) -> {
            // Since DynamicAnimations end when they're 'nearly' done, we can't rely on alpha being
            // exactly zero when this listener is triggered. However, if it's less than 50% we can
            // safely assume it was animating out rather than in.
            if (alpha < 0.5f) {
                // If the alpha spring was animating the view out, set it to GONE when it's done.
                setVisibility(GONE);
            }
        });
    }

    /** Springs in the dismiss target and fades in the gradient. */
    void springIn() {
        setVisibility(View.VISIBLE);

        // Fade in the dismiss target (icon + text).
        mDismissTarget.setAlpha(0f);
        mDismissTargetAlphaSpring.animateToFinalPosition(1f);

        // Spring up the dismiss target (icon + text).
        mDismissTarget.setTranslationY(mDismissTarget.getHeight() / 2f);
        mDismissTargetVerticalSpring.animateToFinalPosition(0);

        // Fade in the gradient.
        mDismissGradient.setVisibility(VISIBLE);
        mDismissGradient.animate().alpha(1f);

        // Make sure the dismiss elements are in the separated position (in case we hid the target
        // while they were condensed to cover the bubbles being in the target).
        mDismissIcon.setAlpha(1f);
        mDismissIcon.setScaleX(1f);
        mDismissIcon.setScaleY(1f);
        mDismissIcon.setTranslationX(0f);
        mDismissText.setAlpha(1f);
        mDismissText.setTranslationX(0f);
    }

    /** Springs out the dismiss target and fades out the gradient. */
    void springOut() {
        // Fade out the target.
        mDismissTargetAlphaSpring.animateToFinalPosition(0f);

        // Spring the target down a bit.
        mDismissTargetVerticalSpring.animateToFinalPosition(mDismissTarget.getHeight() / 2f);

        // Fade out the gradient and then set it to GONE so it's not in the SBV hierarchy.
        mDismissGradient.animate().alpha(0f).withEndAction(
                () -> mDismissGradient.setVisibility(GONE));

        // Pop out the dismiss circle.
        mDismissCircle.animate().alpha(0f).scaleX(1.2f).scaleY(1.2f);
    }

    /**
     * Encircles the center of the dismiss target, pulling the X towards the center and hiding the
     * text.
     */
    void animateEncircleCenterWithX(boolean encircle) {
        // Pull the text towards the center if we're encircling (it'll be faded out, leaving only
        // the X icon over the bubbles), or back to normal if we're un-encircling.
        final float textTranslation = encircle
                ? -mDismissIcon.getWidth() / 4f
                : 0f;

        // Center the icon if we're encircling, or put it back to normal if not.
        final float iconTranslation = encircle
                ? mDismissTarget.getWidth() / 2f
                - mDismissIcon.getWidth() / 2f
                - mDismissIcon.getLeft()
                : 0f;

        // Fade in/out the text and translate it.
        mDismissText.animate()
                .alpha(encircle ? 0f : 1f)
                .translationX(textTranslation);

        mDismissIcon.animate()
                .setDuration(150)
                .translationX(iconTranslation);

        // Fade out the gradient if we're encircling (the bubbles will 'absorb' it by darkening
        // themselves).
        mDismissGradient.animate()
                .alpha(encircle ? 0f : 1f);

        // Prepare the circle to be 'dropped in'.
        if (encircle) {
            mDismissCircle.setAlpha(0f);
            mDismissCircle.setScaleX(1.2f);
            mDismissCircle.setScaleY(1.2f);
        }

        // Drop in the circle, or pull it back up.
        mDismissCircle.animate()
                .alpha(encircle ? 1f : 0f)
                .scaleX(encircle ? 1f : 0f)
                .scaleY(encircle ? 1f : 0f);
    }

    /** Animates the circle and the centered icon out. */
    void animateEncirclingCircleDisappearance() {
        // Pop out the dismiss icon and circle.
        mDismissIcon.animate()
                .setDuration(50)
                .scaleX(0.9f)
                .scaleY(0.9f)
                .alpha(0f);
        mDismissCircle.animate()
                .scaleX(0.9f)
                .scaleY(0.9f)
                .alpha(0f);
    }

    /** Returns the Y value of the center of the dismiss target. */
    float getDismissTargetCenterY() {
        return getTop() + mDismissTarget.getTop() + mDismissTarget.getHeight() / 2f;
    }

    /** Returns the dismiss target, which contains the text/icon and any added padding. */
    View getDismissTarget() {
        return mDismissTarget;
    }
}