WindowManager仿网易严选加入购物车动画效果

最新推荐文章于 2021-06-13 18:51:35 发布
最新推荐文章于 2021-06-13 18:51:35 发布
阅读量3.5k 收藏 1
点赞数
分类专栏： Android干货分享
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/likuan0214/article/details/52172001
版权

关于WindowManager的介绍网上一大堆，这里只介绍一下具体的使用。详情可参考：点击打开链接

此外还需要知道WindowManager.LayoutParams,参考介绍：点击打开链接

案例是网易严选的加入购物车时，商品会移动并缩小进入购物车的动画效果。


重要的三个方法是：

addView() 添加View到Window

 removeView() 移除View

updateViewLayout() 更新View坐标大小。


获取WindowManager：

    /**
     * 获取WindowManager
     * @return
     */
    private WindowManager initWindowManager(){
        return (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
    }

初始化WindowManager.LayoutParams

    /**
     * 初始化WindowManger.LayoutParams
     * @return
     */
    private WindowManager.LayoutParams initParams(){
        //布局参数
        final WindowManager.LayoutParams layoutParams = new WindowManager.LayoutParams();
        layoutParams.width = WindowManager.LayoutParams.WRAP_CONTENT;
        layoutParams.height = WindowManager.LayoutParams.WRAP_CONTENT;
        layoutParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE |
                WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE |
                WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON | WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS;
        //格式
        layoutParams.format = PixelFormat.TRANSLUCENT;
        //这里的作用是以屏幕左上角为(0,0)点,默认为屏幕中心点
        layoutParams.gravity = Gravity.LEFT | Gravity.TOP;
        //类型
        layoutParams.type = WindowManager.LayoutParams.TYPE_APPLICATION_PANEL;
        return layoutParams;
    }

注意点：

//这里的作用是以屏幕左上角为(0,0)点,默认为屏幕中心点
layoutParams.gravity = Gravity.LEFT | Gravity.TOP;

默认坐标中心是屏幕的中心点，所以要自己设置gravity，来保证坐标原点在左上角，方便后面的位置计算。


添加View

    /**
     * 添加View
     * @param view 添加的View
     * @param width view的宽度
     * @param height view的高度
     * @param x x坐标
     * @param y y坐标
     */
    public void addView(final View view, int width, int height, float x, float y){
        if(!added) {
            //窗口管理器
            this.view = view;
            view.setVisibility(View.VISIBLE);
            layoutParams.width = width;
            layoutParams.height = height;
            layoutParams.x = (int) x;
            layoutParams.y = (int) y;
            //加载view
            wm.addView(view, layoutParams);
            added = true;
        }
    }


执行动画第一步（View上移，并返回）： 

    /**
     * 方案一
     * 执行动画
     * @param startY 起点Y坐标
     * @param middleY 中间Y坐标
     * @param ey 终点y坐标
     * @param startX 起点X坐标
     * @param ex 终点y坐标
     */
    public void updateViewAnim0(final float startY, float middleY, final float ey, final float startX, final float ex){

        //起始宽高
        final int swidth = layoutParams.width;
        final int sheight = layoutParams.height;

        //最终宽高
        final int fwidth = (int) (swidth * 0.2);
        final int fheight = (int) (sheight * 0.2);

        //最终sx
        final int endX = (int) (ex - fwidth * 0.5);
        final int endY = (int) (ey - fheight * 0.5);

        ValueAnimator anim = ValueAnimator.ofFloat(startY, middleY, startY);
        anim.setDuration(400);
        anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                //设置坐标
                float moveY = (float)animation.getAnimatedValue();
                layoutParams.y = (int) moveY;
                //更新
                wm.updateViewLayout(view, layoutParams);
            }
        });

        anim.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animator) {}

            @Override
            public void onAnimationEnd(Animator animator) {
                updateViewAnim1(startX, endX, startY, endY, swidth, sheight, fwidth, fheight);
            }

            @Override
            public void onAnimationCancel(Animator animator) {}

            @Override
            public void onAnimationRepeat(Animator animator) {}
        });
        anim.start();
    }

第二步：获取图片移动并且缩小 

    public void updateViewAnim1(final float startX, final float endX, final float startY, final float endY, final float swidth, final float sheight, final float fwidth, final float fheight){
        ValueAnimator anim = ValueAnimator.ofFloat(0, 1);
        anim.setInterpolator(new MyInterpolator());
        anim.setDuration(500);
        anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                float frac = (float) animation.getAnimatedValue();
                Log.i("fracccccc", "frac:" + frac);

                float scale = 1 - frac;
                if(scale >= 0.8)scale = 0.8f;
                //设置宽高
                double wnow = swidth * (scale);

                double hnow = sheight * (scale);

                layoutParams.width = (int) (wnow);
                layoutParams.height = (int) (hnow);

//                view.setScaleY(scale);
//                view.setScaleX(scale);

                //设置坐标
//                float moveY = (float)animation.getAnimatedValue();
                float moveY = (endY - startY) * frac + startY;
                layoutParams.y = (int) moveY;

                double moveX = (endX - startX) * frac + startX;
                layoutParams.x = (int) moveX;

                //更新
                if(frac == 1){
                    view.setVisibility(View.GONE);
                }
                wm.updateViewLayout(view, layoutParams);
            }
        });

        anim.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animator) {}

            @Override
            public void onAnimationEnd(Animator animator) {
                wm.removeView(view);
                added = false;
                if(animFinished != null){
                    animFinished.finish();
                }
            }

            @Override
            public void onAnimationCancel(Animator animator) {}

            @Override
            public void onAnimationRepeat(Animator animator) {}
        });
        anim.start();
    }
插值器： 

    /**
     * 插值器 匀速
     */
    public class MyInterpolator implements Interpolator{

        @Override
        public float getInterpolation(float v) {
            return v;
        }
    }



使用： 

                            if(ivDraw == null) {
                                ivDraw = (LoookDraweeView) LayoutInflater.from(context).inflate(R.layout.item_pw_loookdraweeview, null);
                                ivDraw.setImageURI(Uri.parse(popup_url));
                            }

                            int[] location = new int[2];
                            drawee_goods.getLocationOnScreen(location);
                            //起点
                            final float sx = location[0];
                            float sy = location[1];
                            //中间点
                            float my = sy * 4 / 5;

                            ll_cart.getLocationOnScreen(location);
                            ll_cart.getWidth();
                            //终点
                            float ex = (float) (location[0] + ll_cart.getWidth() * 0.5);
                            float ey = (float) (location[1] + ll_cart.getHeight() * 0.5);

                            if(wm == null) {
                                wm = new WindowManagerUtil(context);
                            }
                            wm.setAnimFinished(new WindowManagerUtil.AnimFinished() {
                                @Override
                                public void finish() {
                                    finished = true;
                                    if(buy_type.equals("shop_car")) {
                                        Local.addShopCartNum(buySku.buy_num);
                                        updateShopCartNum();
                                        doActionGetCartCount();
                                    }
                                    hideGoodsSelecter();
                                }
                            });
                            wm.addView(ivDraw, Local.dip2px(88), Local.dip2px(88), sx, sy);
                            wm.updateViewAnim0(sy, my, ey, sx, ex);



全部代码：

package com.xxxx.Dialog;

import android.animation.Animator;
import android.animation.ValueAnimator;
import android.content.Context;
import android.graphics.PixelFormat;
import android.util.Log;
import android.view.Gravity;
import android.view.View;
import android.view.WindowManager;
import android.view.animation.Interpolator;

/**
 * Created by lk on 16/8/9.
 */
public class WindowManagerUtil {

    private final Context context;
    private WindowManager wm;
    private WindowManager.LayoutParams layoutParams;
    private View view;
    private AnimFinished animFinished;
    private boolean added;

    public WindowManagerUtil(Context context){
        this.context = context;
        wm = initWindowManager();
        layoutParams = initParams();
    }

    /**
     * 获取WindowManager
     * @return
     */
    private WindowManager initWindowManager(){
        return (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
    }

    /**
     * 初始化WindowManger.LayoutParams
     * @return
     */
    private WindowManager.LayoutParams initParams(){
        //布局参数
        final WindowManager.LayoutParams layoutParams = new WindowManager.LayoutParams();
        layoutParams.width = WindowManager.LayoutParams.WRAP_CONTENT;
        layoutParams.height = WindowManager.LayoutParams.WRAP_CONTENT;
        layoutParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE |
                WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE |
                WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON | WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS;
        //格式
        layoutParams.format = PixelFormat.TRANSLUCENT;
        //这里的作用是以屏幕左上角为(0,0)点,默认为屏幕中心点
        layoutParams.gravity = Gravity.LEFT | Gravity.TOP;
        //类型
        layoutParams.type = WindowManager.LayoutParams.TYPE_APPLICATION_PANEL;
        return layoutParams;
    }

    /**
     * 添加View
     * @param view 添加的View
     * @param width view的宽度
     * @param height view的高度
     * @param x x坐标
     * @param y y坐标
     */
    public void addView(final View view, int width, int height, float x, float y){
        if(!added) {
            //窗口管理器
            this.view = view;
            view.setVisibility(View.VISIBLE);
            layoutParams.width = width;
            layoutParams.height = height;
            layoutParams.x = (int) x;
            layoutParams.y = (int) y;
            //加载view
            wm.addView(view, layoutParams);
            added = true;
        }
    }

    /**
     * 方案一
     * 执行动画
     * @param startY 起点Y坐标
     * @param middleY 中间Y坐标
     * @param ey 终点y坐标
     * @param startX 起点X坐标
     * @param ex 终点y坐标
     */
    public void updateViewAnim0(final float startY, float middleY, final float ey, final float startX, final float ex){

        //起始宽高
        final int swidth = layoutParams.width;
        final int sheight = layoutParams.height;

        //最终宽高
        final int fwidth = (int) (swidth * 0.2);
        final int fheight = (int) (sheight * 0.2);

        //最终sx
        final int endX = (int) (ex - fwidth * 0.5);
        final int endY = (int) (ey - fheight * 0.5);

        ValueAnimator anim = ValueAnimator.ofFloat(startY, middleY, startY);
        anim.setDuration(400);
        anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                //设置坐标
                float moveY = (float)animation.getAnimatedValue();
                layoutParams.y = (int) moveY;
                //更新
                wm.updateViewLayout(view, layoutParams);
            }
        });

        anim.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animator) {}

            @Override
            public void onAnimationEnd(Animator animator) {
                updateViewAnim1(startX, endX, startY, endY, swidth, sheight, fwidth, fheight);
            }

            @Override
            public void onAnimationCancel(Animator animator) {}

            @Override
            public void onAnimationRepeat(Animator animator) {}
        });
        anim.start();
    }

    public void updateViewAnim1(final float startX, final float endX, final float startY, final float endY, final float swidth, final float sheight, final float fwidth, final float fheight){
        ValueAnimator anim = ValueAnimator.ofFloat(0, 1);
        anim.setInterpolator(new MyInterpolator());
        anim.setDuration(500);
        anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                float frac = (float) animation.getAnimatedValue();
                Log.i("fracccccc", "frac:" + frac);

                float scale = 1 - frac;
                if(scale >= 0.8)scale = 0.8f;
                //设置宽高
                double wnow = swidth * (scale);

                double hnow = sheight * (scale);

                layoutParams.width = (int) (wnow);
                layoutParams.height = (int) (hnow);

//                view.setScaleY(scale);
//                view.setScaleX(scale);

                //设置坐标
//                float moveY = (float)animation.getAnimatedValue();
                float moveY = (endY - startY) * frac + startY;
                layoutParams.y = (int) moveY;

                double moveX = (endX - startX) * frac + startX;
                layoutParams.x = (int) moveX;

                //更新
                if(frac == 1){
                    view.setVisibility(View.GONE);
                }
                wm.updateViewLayout(view, layoutParams);
            }
        });

        anim.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animator) {}

            @Override
            public void onAnimationEnd(Animator animator) {
                wm.removeView(view);
                added = false;
                if(animFinished != null){
                    animFinished.finish();
                }
            }

            @Override
            public void onAnimationCancel(Animator animator) {}

            @Override
            public void onAnimationRepeat(Animator animator) {}
        });
        anim.start();
    }

    /**
     * 插值器 匀速
     */
    public class MyInterpolator implements Interpolator{

        @Override
        public float getInterpolation(float v) {
            return v;
        }
    }

    /**
     * 方案二
     * @param startY
     * @param middleY
     * @param ey
     * @param startX
     * @param ex
     */
    public void updateViewAnim(float startY, float middleY, float ey, final float startX, final float ex){
        //起始宽高
        final int swidth = layoutParams.width;
        final int sheight = layoutParams.height;

        //最终宽高
        final int fwidth = (int) (swidth * 0.25);
        final int fheight = (int) (sheight * 0.25);

        //最终sx
        final int endX = (int) (ex - fwidth * 0.5);
        final int endY = (int) (ey - fheight * 0.5);

        ValueAnimator anim = ValueAnimator.ofFloat(startY, middleY, endY);
        anim.setDuration(1000);
        anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                float frac = animation.getAnimatedFraction();
                //设置宽高
                if(frac >= 0.25) {
                    double wnow = swidth * (1.25 - frac);
                    wnow = wnow > fwidth ? wnow : fwidth;

                    double hnow = sheight * (1.25 - frac);
                    hnow = hnow > fheight ? hnow : fheight;

                    layoutParams.width = (int) (wnow);
                    layoutParams.height = (int) (hnow);

                }

                //设置坐标
                float moveY = (float)animation.getAnimatedValue();
                layoutParams.y = (int) moveY;

                double moveX = (endX - startX) * frac + startX;
                layoutParams.x = (int) moveX;

                //更新
                wm.updateViewLayout(view, layoutParams);
            }
        });

        anim.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animator) {

            }

            @Override
            public void onAnimationEnd(Animator animator) {
                wm.removeView(view);
            }

            @Override
            public void onAnimationCancel(Animator animator) {

            }

            @Override
            public void onAnimationRepeat(Animator animator) {

            }
        });
        anim.start();
    }

    //设置监听回调
    public void setAnimFinished(AnimFinished animFinished){
        this.animFinished = animFinished;
    }

    public interface AnimFinished{
        void finish();
    }

}


飞鸟_
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
仿网易严选的小程序设计
01-04
仿网易严选的小程序设计。基于小程序开发。功能完善客观
网易严选小程序亲测版
07-12
亲测版，可以安装使用，如用问题加联系。
安卓Animation深入分析和讲解
wangqiubo2010的博客
06-02 284
安卓Animation 1、Tween补间动画：translate,rotate,scale,alpha 2、Frame动画。AnimationDrawable(资源文件为drawable的文件，标签为 animaton-list),帧动画主要是图片切换。 3、属性动画：包括AnimationSet(属性动画集合)，ValueAnimation(只是动画本身，无法设置给属性)，ObjectA...
Android 仿网易严选分类下拉回弹，松开切换页面NestedScrollView+RecyclerView
Johnson的博客
05-14 3723
Android 仿网易严选分类下拉回弹，松开切换页面NestedScrollView+RecyclerView       前段时间，公司产品要求实现仿网易严选分类上拉下滑，并且滑动一段距离有回弹阻尼效果，距离大了直接松手刷新界面。一开始研究严选的效果，感觉不是很好实现，处理回弹或者下拉刷新UI，周末在家没事的时候想起了阻尼效果，重写NestedScrollView可以实现，然后需要处理的就是滑动...
Android仿一点资讯收藏Toast动画效果
08-30
- 使用反射机制访问`Toast`的内部成员变量`mTN`，它是`Toast`的`View`对象，然后找到`WindowManager.LayoutParams`对象，通过这个对象设置动画效果。 5. **显示`Toast`**： - 提供一个方法（如`showToast()`）...
安卓动画效果相关-仿漂流瓶全屏与非全屏切换.rar
07-29
这个压缩包“安卓动画效果相关-仿漂流瓶全屏与非全屏切换.rar”显然包含了关于如何在安卓应用中实现漂流瓶从全屏到非全屏状态切换的示例代码。漂流瓶的全屏与非全屏切换通常涉及到屏幕尺寸的改变、布局调整以及动画...
自定义Dialog 显示正在加载动画效果 progressDialog
02-13
本篇我们将深入探讨如何创建一个自定义的Dialog，使其在显示时不会使Activity背景变暗，并且展示正在加载的动画效果。 首先，我们从标题"自定义Dialog 显示正在加载动画效果 progressDialog"出发，了解我们要实现的...
android仿360 浮动小插件效果
最新发布
05-27
为了增加平滑性，可以使用`ObjectAnimator`或`ValueAnimator`来实现平滑移动的动画效果。 5. **隐藏和显示** 提供方法让用户能够随时隐藏和显示悬浮窗。这可以通过改变`LayoutParams`中的可见性或调用`removeView...
Android 仿网易新闻客户端分类排序功能
08-31
在实际开发中，可以采用各种优化策略，比如利用异步任务处理排序操作，或者使用高效的动画效果来提高用户体验。 总的来说，仿网易新闻客户端的分类排序功能主要涉及触摸事件处理、视图的动态添加与移除、数据集的...
ScrollView的阻尼回弹效果实现(仿qq空间)
05-14
ScrollView的阻尼回弹效果实现(仿qq空间)
Android仿网易严选底部弹出菜单效果
08-29
主要为大家详细介绍了Android仿网易严选底部弹出菜单效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
仿网易严选物流界面
hepann的博客
06-16 1917
欢迎使用Markdown编辑器写博客 本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦： Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 快捷键 加粗 Ctrl + B 斜体 Ctrl + I...
07 仿网易严选微信小程序商城
董绘峰的博客
01-18 3335
仿网易严选微信小程序商城一、代码 一、代码 github，国外最大的开源项目中心，https://www.oschina.net/ 码云，https://gitee.com/?from=osc-index 开源中国，学习github，国内网络限制问题，国内最大的开源项目中心 git，分布式管理工具，用来进行代码管理，https://www.liaoxuefeng.com/wiki/00137395...
android仿网易导航栏HorizontalScrollView
zhtttyyzc的专栏
05-12 1329
简单的代码 主活动------------------------- public class TradeActivity extends FragmentActivity implements OnItemClickListener{ /*横向导航*/ private HorizontalScrollView scrollView; /*导航栏每项*/ private GridVie
使用NestedScrollView代替ScrollView解决滑动冲突
热门推荐
haoyuegongzi的博客
02-23 5万+
想必大家遇到过在同一个界面中，要展示的内容非常多，完全展示出来高度远超过屏幕高度，这时候通常的做法是布局中使用ScrollView进行嵌套，但如果遇到ScrollView嵌套中包含一个或者多个RecyclerView列表的话，还得自定义RecyclerView以解决滑动冲突。那么今天我们这里有一个现成的控件NestedScrollView，用他替代ScrollView，并且不用自定义Recycle...
控件之NestedScrollView
weixin_42274773的博客
12-03 682
NestedScrollView 即 支持嵌套滑动的 ScrollView。 ​​​​​ 因此，我们可以简单的把 NestedScrollView 类比为 ScrollView，其作用就是作为控件父布局，从而具备（嵌套）滑动功能。 NestedScrollView 与 ScrollView 的区别就在于 NestedScrollView 支持 嵌套滑动，无论是作为父控件还是子控件，嵌套...
vue+vant移动端入门实现2（仿网易严选）
MCCLS的博客
06-13 849
效果图：
iOS加入购物车动画效果
weixin_33939843的博客
12-13 403
效果 使用方法 1.导入头文件 #import "AddShoppingCartAnimationTool.h" 复制代码2.调用startAnimationand...方法 [[AddShoppingCartAnimationTool shareTool] startAnimationandFromView:self.addShoppingCart toView:self.shoppi...
windowManager动画如何和DrableLayout 左右滑动事件分别进行强关联
05-09
要实现WindowManager动画和DrawerLayout左右滑动事件的强关联，需要进行以下步骤： 1. 创建一个自定义的DrawerLayout，重写其onTouchEvent()方法，在该方法中通过MotionEvent的getX()方法获取手指在屏幕上的X坐标，...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值