详解Android实现购物车页面及购物车效果(点击动画)
时间:2022-07-27
本文章向大家介绍详解Android实现购物车页面及购物车效果(点击动画),主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
本文介绍了Android实现购物车页面及购物车效果(点击动画),分享给大家,具体如下:
效果图如下:
思路:
(1)思考每个条目中的数字的更新原理。
(2)购物车的动画效果。
(3)购物清单怎么显示(这个我暂时没有写,如果需要的话,可以在我的简书下给我留言)。
1.因为进入页面,所有的商品个数都显示为零,所以我用 ArrayList<HashMap<String, Object data,把商品集合都附上零:
//下面把data都添加0,为了刚开始显示时,显示的是0
for (int i = 0; i < list.size(); i++) {
HashMap<String, Object myhashmap = new HashMap<String, Object ();
myhashmap.put("number", "" + 0);
data.add(myhashmap);
}
然后把data传入Adapter:
adapter = new MyAdapter(data);
当我们对商品进行增减时,我们可以通过hashmap来更改,如下是增加商品的部分代码:
b = Integer.parseInt((String) data.get(position).get(
"number"));
data.get(position).put("number", "" + (b + 1));
2.购物车动画效果:
首先获取点击时的XY坐标,并且设置动画图片:
// ball是个imageview
startLocation = new int[2];// 一个整型数组,用来存储按钮的在屏幕的X、Y坐标
view.getLocationInWindow(startLocation);// 这是获取购买按钮的在屏幕的X、Y坐标(这也是动画开始的坐标)
ball = new ImageView(MainActivity.this);
ball.setImageResource(R.mipmap.sign);// 设置动画的图片我的是一个小球(R.mipmap.sign)
然后是开始执行动画:
private void setAnim(final View v, int[] startLocation) {
anim_mask_layout = null;
anim_mask_layout = createAnimLayout(); //创建动画层
anim_mask_layout.addView(v);//把动画小球添加到动画层
final View view = addViewToAnimLayout(anim_mask_layout, v,
startLocation);
int[] endLocation = new int[2];// 存储动画结束位置的X、Y坐标
re_zhongcai_tanchu.getLocationInWindow(endLocation);// re_zhongcai_tanchu是那个抛物线最后掉落的控件
// 计算位移
int endX = 0 - startLocation[0] + 40;// 动画位移的X坐标
int endY = endLocation[1] - startLocation[1];// 动画位移的y坐标
TranslateAnimation translateAnimationX = new TranslateAnimation(0,
endX, 0, 0);
translateAnimationX.setInterpolator(new LinearInterpolator());
translateAnimationX.setRepeatCount(0);// 动画重复执行的次数
translateAnimationX.setFillAfter(true);
TranslateAnimation translateAnimationY = new TranslateAnimation(0, 0,
0, endY);
translateAnimationY.setInterpolator(new AccelerateInterpolator());
translateAnimationY.setRepeatCount(0);// 动画重复执行的次数
translateAnimationX.setFillAfter(true);
final AnimationSet set = new AnimationSet(false);
set.setFillAfter(false);
set.addAnimation(translateAnimationY);
set.addAnimation(translateAnimationX);
set.setDuration(800);// 动画的执行时间
view.startAnimation(set);
// 动画监听事件
set.setAnimationListener(new Animation.AnimationListener() {
// 动画的开始
@Override
public void onAnimationStart(Animation animation) {
v.setVisibility(View.VISIBLE);
// Log.e("动画","asdasdasdasd");
}
@Override
public void onAnimationRepeat(Animation animation) {
// TODO Auto-generated method stub
}
// 动画的结束
@Override
public void onAnimationEnd(Animation animation) {
v.setVisibility(View.GONE);
set.cancel();
animation.cancel();
}
});
}
需要注意的是,当动画结束必须关闭动画:
v.setVisibility(View.GONE);
set.cancel();
animation.cancel();
购物车的弹出清单功能,我没有写,需要的话,可以去我的简书留言.
github地址:https://github.com/javaexception/ShoppingCart
以上就是本文的全部内容,希望对大家的学习有所帮助。
- java教程
- Java快速入门
- Java 开发环境配置
- Java基本语法
- Java 对象和类
- Java 基本数据类型
- Java 变量类型
- Java 修饰符
- Java 运算符
- Java 循环结构
- Java 分支结构
- Java Number类
- Java Character类
- Java String类
- Java StringBuffer和StringBuilder类
- Java 数组
- Java 日期时间
- Java 正则表达式
- Java 方法
- Java 流(Stream)、文件(File)和IO
- Java 异常处理
- Java 继承
- Java 重写(Override)与重载(Overload)
- Java 多态
- Java 抽象类
- Java 封装
- Java 接口
- Java 包(package)
- Java 数据结构
- Java 集合框架
- Java 泛型
- Java 序列化
- Java 网络编程
- Java 发送邮件
- Java 多线程编程
- Java Applet基础
- Java 文档注释
- AkShare-股票数据-龙虎榜-机构席位成交明细
- AkShare-股票数据-龙虎榜-机构席位追踪
- AkShare-股票数据-龙虎榜-营业上榜统计
- AkShare-股票数据-龙虎榜-个股上榜统计
- React中路由的使用
- CyanX 基于ReactHook的状态管理器,遵循函数式编程的理念,极简、可扩展设计哲学上手
- Serverless 架构下如何实现日志的实时输出?
- typescript基础篇(1):helloworld
- typescript基础篇(2):数据类型
- 22款好用的CLI工具
- typescript基础篇(3):接口
- 2020 年,苹果的 AI 还有创新吗?
- 毕设有着落了!一套开源的,基于SpringBoot的车牌识别系统
- 详解hive的join优化
- 区块链时代的世界宪章:代码即法律