学习笔记之——EventBus实现全局加减购物车商品(动画)

年底忙碌起来便挤不出时间更新笔记文章了,趁今天周末抽空把之前的功能笔记补齐O(∩_∩)O哈哈~
记录到这个功能我首先要感谢一下我目前的老大对我的帮助,一位英俊潇洒风流倜傥阳光幽默精通各大代码域的帅小伙guthub:https://github.com/KnifeStone

一.概述 :

EventBus是针对Android优化的发布/订阅事件总线。主要是替代Intent/Handler/BroadCast在Fragment/Activity/Service线程之间传递消息。开销小,代码更优雅,将发送者和接收者解耦。

二.推荐:

针EventBus的简单用法推荐(作者写得通俗易懂)
http://blog.csdn.net/harvic880925/article/details/40660137
更深入了解EventBus推荐
//www.greatytc.com/p/31e3528ca7e5

(1). EventBus官网地址
(2). EventBus github地址
(3). EventBus 3.0的用法详解

三.实现步骤:

按照以往的惯例先上效果图:


GIF.gif

看完效果图可以知道实现添加购物车分为几部分:
首先先简单写一个产品列表,数据是存储在七牛云上面的临时数据,先拿来用。

github下载地址,欢迎star:https://github.com/LXLYHM/EventBusAddShoppingCart/blob/master/README.md

代码注释比较详细,感兴趣的小伙伴可以下载看看,下面直接上干货,就不多解释废话了

1.网络框架:是自封装的一个非常简单的Retrofit2网络框架
2.重点主要在加入购物车的时候使用EventBus全局通知事件上

首先是在总工程的build.gradle接入开源库资源:

allprojects {
    repositories {
        jcenter()
        mavenCentral()
        maven { url 'https://jitpack.io' }
    }
}

然后在app的build.gradle引用开源库:

compile 'org.greenrobot:eventbus:3.0.0'

在基类AddCartActivity.java里面注册关闭好EventBus和实现加入购物车动画给MainActivity.java继承:

public abstract class AddCartActivity extends AppCompatActivity {

    protected QBadgeView qBadgeView = null;//购物车数量红点
    protected ObjectAnimator animator = null;//动画view

    @Override
    protected void onStart() {
        super.onStart();
        //onStart的时候注册EventBus
        if (!EventBus.getDefault().isRegistered(this)) {
            EventBus.getDefault().register(this);
        }
    }

    @Override
    protected void onStop() {
        super.onStop();
        //onStop的时候释放EventBus
        EventBus.getDefault().unregister(this);
    }

    //发送消息线程
    @Subscribe(threadMode = ThreadMode.MAIN)
    public void onMessageEvent(ProductAnimEvent event) {
        if (qBadgeView == null) {
            return;
        }
        View view = event.view;
        //获取商品坐标
        int[] goodsPoint = new int[2];
        view.getLocationInWindow(goodsPoint);
        //获取购物车坐标
        int[] shoppingCartPoint = new int[2];
        qBadgeView.getLocationInWindow(shoppingCartPoint);
        //生成商品View 并播放商品加入购物车动画
        ProductAnimView animView = new ProductAnimView(this);
        ImageLoader.getInstance().loadRound(event.imgPath, animView);
        animView.setCircleStartPoint(goodsPoint[0] + view.getWidth() / 2 - ConvertUtils.dp2px(24f), goodsPoint[1] + view.getHeight() / 2 - ConvertUtils.dp2px(24f));
        animView.setCircleEndPoint(shoppingCartPoint[0], shoppingCartPoint[1] - ConvertUtils.dp2px(24f));
        ViewGroup decorView = (ViewGroup) getWindow().getDecorView();
        decorView.addView(animView, ConvertUtils.dp2px(48f), ConvertUtils.dp2px(48f));
        animView.startAnimation();
        //判断是否播放小红点跳跃动画
        if (animator == null && qBadgeView != null) {
            animator = ObjectAnimator.ofFloat(qBadgeView, "translationY", 0f, -ConvertUtils.dp2px(6f), 0f);
            animator.setDuration(300);
        }
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                if (animator.isRunning()) {
                    return;
                }
                animator.start();
            }
        }, 500);
    }
}

封装AppCart.java作为辅助类:

public class AppCart {
    //购物车
    private static List<ProductListBean> mList;

    public static List<ProductListBean> getCartList() {
        if (mList == null) {
            mList = new ArrayList<>();
        }
        if (mList.isEmpty()) {
            mList = (List<ProductListBean>) CacheUtils.getInstance().getSerializable("cacheCart");
            if (mList == null) {
                mList = new ArrayList<>();
            }
        }
        return mList;
    }

    /**
     * 单个商品数量变化 先改变后传入
     */
    public static void onChangeOne(ProductListBean bean) {
        if (bean == null) {
            return;
        }
        if (mList == null) {
            getCartList();
        }
        int index;
        if (mList.contains(bean)) {
            index = mList.indexOf(bean);
            mList.get(index).buy_num = bean.buy_num;
            if (mList.get(index).buy_num <= 0) {
                mList.remove(bean);
            }
        } else {
            mList.add(0, bean);
        }
        putCartList(mList);
    }

    /**
     * 获得购物车数量
     */
    public static int getCartNumber() {
        if (getCartList()==null || getCartList().isEmpty()) {
            return 0;
        }
        int number = 0;
        for (ProductListBean productBean : mList) {
            number += productBean.buy_num;
        }
        return number;
    }

    /**
     * 写入缓存
     */
    public static void putCartList(List<ProductListBean> cartList) {
        mList = cartList;
        //发送广播
        EventBus.getDefault().post(new CartEvent());
    }

    /**
     * 移除一样商品
     */
    public static void onRemove(ProductListBean bean) {
        if (bean == null) {
            return;
        }
        bean.buy_num = 0;
        mList.remove(bean);
        putCartList(mList);
    }

    /**
     * 清除补货清单
     */
    public static void clear() {
        if (getCartList()==null || getCartList().isEmpty()) {
            return;
        }
        CacheUtils.getInstance().remove("cacheCart");
        mList.clear();
    }

    /**
     * 比对数据
     * @param list
     * @return true有比对 false无比对
     */
    public static boolean comparison(List<ProductListBean> list) {
        List<ProductListBean> listCart = getCartList();
        if (list == null || list.size() == 0) {
            return false;
        }
        if (listCart == null || listCart.size() == 0) {
            for (ProductListBean productBean : list) {
                productBean.buy_num = 0;
            }
            return true;
        }
        int index;
        for (ProductListBean productBean : list) {
            if (listCart.contains(productBean)) {
                index = listCart.indexOf(productBean);
                productBean.buy_num = listCart.get(index).buy_num;
            } else {
                productBean.buy_num = 0;
            }
        }
        return true;
    }
}

接下来就是最重要的MainActivity.java了:

/**
 * Created by LXL on 2017/12/8.
 * http://my.csdn.net/lxlyhm
 * https://github.com/LXLYHM
 * //www.greatytc.com/u/8fd63a0d4c4c
 * 购物车
 */
public class MainActivity extends AddCartActivity {

    private RecyclerView mRecyclerView;
    private List<ProductListBean> mList = new ArrayList();
    private ProductAdapter mAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //状态栏全局默认统一成白底黑字
        ImmersionBar.with(this).statusBarColor(R.color.colorPrimary).fitsSystemWindows(true).init();
        mRecyclerView = (RecyclerView) findViewById(R.id.recyclerView);
        mRecyclerView.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false));
        mAdapter = new ProductAdapter();
        mRecyclerView.setAdapter(mAdapter);
        mAdapter.setNewData(mList);

        initData();
    }

    /**
     * 加载数据
     */
    private void initData() {
        new AppData().getData(new CallBackAdapter<String>() {
            @Override
            public void onSuccess(String object) {
                List<ProductListBean> list = new Gson().fromJson(object, new TypeToken<List<ProductListBean>>() {}.getType());
                AppCart.comparison(list);
                mList = list;
                mAdapter.setNewData(mList);
            }

            @Override
            public void onFailure(int code, String message) {
            }

            @Override
            public void onCompleted() {
            }
        });
    }

    /**
     * 显示状态
     */
    public void checkState() {
        if (AppCart.getCartNumber() <= 0) {
            if (qBadgeView != null) {
                qBadgeView.hide(true);
            }
        } else {
            //动画
            if (qBadgeView == null) {
                View view = findViewById(R.id.containerBageView);
                qBadgeView = new QBadgeView(this);
                qBadgeView.setGravityOffset(0f, ConvertUtils.dp2px(6f), false).bindTarget(view);
            }
            qBadgeView.setBadgeNumber(AppCart.getCartNumber());
        }
    }

    @Subscribe(threadMode = ThreadMode.MAIN)
    public void onMessageEvent(CartEvent event) {
        checkState();
    }

    @Override
    protected void onStart() {
        super.onStart();
        checkState();
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        AppCart.clear();//清除
        ImmersionBar.with(this).destroy();
    }
}

ProductAdapter.java:

public class ProductAdapter extends BaseQuickAdapter<ProductListBean, BaseViewHolder> {

    public ProductAdapter(){
        super(R.layout.item_product);
    }

    @Override
    protected void convert(final BaseViewHolder helper, final ProductListBean item) {
        helper.setText(R.id.productsName, item.name);
        ImageLoader.getInstance().load(item.cover_image_url, (ImageView) helper.getView(R.id.imgProducts));

        final MyEditText etNumber = helper.getView(R.id.et_number);//数量
        etNumber.clearFocus();//清除焦点
        etNumber.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                if (MotionEvent.ACTION_DOWN == event.getAction()) {
                    etNumber.setCursorVisible(true);// 再次点击显示光标
                }
                return false;
            }
        });

        etNumber.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {
            }

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
                if (!"".equals(s.toString())) {
                    int buy_num = parseInt(s.toString());
                    item.buy_num = buy_num;
                    if (buy_num > 0) {
                        AppCart.onChangeOne(item);//发送购物车变化
                    }
                    if (buy_num == 0){
                        AppCart.onRemove(item);
                    }
                }
            }

            @Override
            public void afterTextChanged(Editable s) {
            }
        });
        etNumber.setText(item.buy_num + "");
        // 加
        helper.getView(R.id.bt_add).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                item.buy_num++;
                if (item.buy_num > 0){
                    EventBus.getDefault().post(new ProductAnimEvent(helper.getView(R.id.imgProducts), item.cover_image_url));
                }
                etNumber.setText(item.buy_num + "");
            }
        });
        // 减
        helper.getView(R.id.bt_float).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (item.buy_num == 0) {
                    return;
                }
                item.buy_num--;
                etNumber.setText(item.buy_num + "");
            }
        });
    }
}

如果有需要kotlin语言项目的小伙伴们可以留言私信我

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,732评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,496评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,264评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,807评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,806评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,675评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,029评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,683评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,704评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,666评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,773评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,413评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,016评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,978评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,204评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,083评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,503评论 2 343

推荐阅读更多精彩内容