目錄

目錄

前言

最近項目需要一個加入購物車的動畫效果，費了一點時間做出來了，在這記錄下方便以后使用。

實現(xiàn)效果

●小圖

使用方法

整個效果的核心類已經(jīng)被我封裝成了一個類了，直接使用即可。

animManager = new AnimManager.Builder()
                    .with(this)
                    .animModule(AnimManager.AnimModule.BIG_CIRCLE)//圖片的動畫模式，小的或者大的（仿每日優(yōu)鮮）
                    .startView(startView)//開始位置的控件
                    .endView(imageViewShopCar)//結(jié)束位置的控件
                    .listener(new AnimManager.AnimListener() {
                        @Override
                        public void setAnimBegin(AnimManager a) {

                        }

                        @Override
                        public void setAnimEnd(AnimManager a) {
                            //購物車回彈動畫（這里是加入購物車動畫執(zhí)行結(jié)束時的回調(diào)我在這里加入了購物車回彈效果，不需要的話可以去掉）
                            TranslateAnimation anim = new TranslateAnimation(0, 0, 20, 0);
                            anim.setInterpolator(new BounceInterpolator());
                            anim.setDuration(700);
                            imageViewShopCar.startAnimation(anim);
                            textViewNum.setText(num+"");
                        }
                    })
                    .imageUrl(animImgUrl)
                    .build();
            animManager.startAnim();

案例源碼

https://github.com/myml666/ShopCarAnim