Android 贝塞尔曲线(仿购物车效果)

贝塞尔曲线是由a点过渡到b点位置的曲线图,呈抛物线形状过渡
连续慢动作效果如下:


import android.animation.Animator;
import android.animation.AnimatorSet;
import android.animation.ObjectAnimator;
import android.app.Activity;
import android.graphics.drawable.Drawable;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.AccelerateInterpolator;
import android.widget.FrameLayout;
import android.widget.ImageView;

/**
 * FileName: AnimUtil
 * Author: admin
 * Date: 2021/3/11 16:07
 * Description:
 */
public class AnimUtil {

    public static final int ANIM_DURATION = 1000;

    /**
     * @param from:点击位置的view
     * @param to:终点位置的view
     */
    public static void showAssignView(Activity activity, View from, View to) {
        // 一个整型数组,用来存储按钮的在屏幕的X、Y坐标
        final int[] startLocation = new int[2];
        // 这是获取购买按钮的在屏幕的X、Y坐标(这也是动画开始的坐标)
        from.getLocationInWindow(startLocation);

        final int[] endLocation = new int[2];
        to.getLocationInWindow(endLocation);

        final int moveX = endLocation[0] - startLocation[0] - to.getWidth() / 3 - 3;
        final int moveY = endLocation[1] - startLocation[1] - to.getHeight() / 3;

        final ViewGroup rootView = (ViewGroup) activity.getWindow().getDecorView();
        final View addView = getAssignView(activity, startLocation, rootView);

        //水平方向动画
        ObjectAnimator animatorX = ObjectAnimator.ofFloat(addView, "translationX", 0, moveX);
        animatorX.setDuration(ANIM_DURATION);

        //竖直方向动画
        ObjectAnimator animatorY = new ObjectAnimator();
        animatorY.setInterpolator(new AccelerateInterpolator());
        animatorY.setPropertyName("translationY");
        animatorY.setTarget(addView);
        animatorY.setFloatValues(0, moveY);
        animatorY.setDuration(ANIM_DURATION);

        AnimatorSet animatorSet = new AnimatorSet();
        animatorSet.playTogether(animatorX, animatorY);
        animatorSet.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animation) {

            }

            @Override
            public void onAnimationEnd(Animator animation) {
                if (addView != null)
                    rootView.removeView(addView);
            }

            @Override
            public void onAnimationCancel(Animator animation) {

            }

            @Override
            public void onAnimationRepeat(Animator animation) {

            }
        });
        animatorSet.start();
    }

    private static View getAssignView(Activity activity, int[] startLocation, ViewGroup rootView) {
        ImageView imageView = new ImageView(activity);
        rootView.addView(imageView);

        //显示动画的图片,这里设置添加到购物车的图片
        Drawable drawable = activity.getResources().getDrawable(R.mipmap.ic_launcher);
        FrameLayout.LayoutParams layoutParams = new FrameLayout.LayoutParams(
                drawable.getMinimumWidth(),
                drawable.getMinimumHeight());

        imageView.setImageDrawable(drawable);
        layoutParams.leftMargin = startLocation[0] + 50;
        layoutParams.topMargin = startLocation[1] + 50;
        imageView.setLayoutParams(layoutParams);
        return imageView;
    }
}

外部调用

AnimUtil.showAssignView(activity,imgView1,imgView2);
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

落魄的Android开发

感谢支持

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值