Android贝塞尔曲线的简单应用之——实现仿美团点击商品掉落购物车效果,附demo和工具类

上一篇:Android贝塞尔曲线的简单应用之——实现自定义圆形控件内水波纹自动上升效果Demo效果:布局这里很简单,一个RecyclerView和一个ImageView,这里稍微注意下,ConstraintLayout等下我们要用到,所以这里加了id。然后是在activity中设置recyclerview的adapter添加一些商品数据,在item的点击监听中调用封装好的工具类:Bezi...
摘要由CSDN通过智能技术生成

上一篇:Android贝塞尔曲线的简单应用之——实现自定义圆形控件内水波纹自动上升效果Demo

效果:

在这里插入图片描述

布局这里很简单,一个RecyclerView和一个ImageView,这里稍微注意下,ConstraintLayout等下我们要用到,所以这里加了id。

在这里插入图片描述

然后是在activity中设置recyclerview的adapter添加一些商品数据,在item的点击监听中调用封装好的工具类:BezierShopCarModule,传入指定参数,这样就可以实现商品掉落到购物车的效果了,是不是很easy?哈哈,下面来介绍下封装的类 BezierShopCarModule
/*设置监听*/
    private void setListener() {
   
        callBack = new CallBack() {
   
            @Override
            public void itemOnClickListener(View view,int position) {
   
                Log.i(TAG,"点击了第"+position+"个item");
                //实现贝塞尔曲线效果
                module = new BezierShopCarModule(clMain,view,ivShopCar);
                module.bezierCurveAnimation(MainActivity.this,800,R.mipmap.commodity_phone,view.getWidth(),view.getHeight());
            }
        };
    }

BezierShopCarModule 主要用到的方法就两个而已,构造方法如下,这里就要用到开头说的constraintlayout,传参的时候加上这个即可。
	private ViewGroup layout;//布局文件,有标题栏的情况下,需获取内容布局的起始点坐标,后面的控件坐标减去该坐标才能得到准确坐标值,所以有无标题栏都减去这个值,避免出错
    private View startView;//起始点控件
    private View endView;//结束点控件

    /**
     * 构造方法
     * @param layout       布局文件,即xml文件的根布局layout,用于确定子view的相对位置
     * @param startView    曲线开始的控件
     * @param endView      曲线结束的控件(一般是”购物车“)
     */
    public BezierShopCarModule (ViewGroup layout, View startView, View endView){
   
        this.layout = layout;
        this.startView = startView
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值