【Android 动画】仿淘宝加入购物车动画实现(附件demo)
2017-10-31 15:11
561 查看
在开发详情页时,我们需要实现这样一个下面这样的动画。
在看到这个动画设计的时候,我就想到“京东”和“淘宝”的加入购物车的动画。
话不多说,讲一下这个动画的实现原理:
1、获取“对比”按钮和“比+1”按钮的绝对位置
2、在ScrollView滑动过程中,这两个按钮的位置会不断变化,所以需要不断更新两个按钮的位置
3、在点击“对比”按钮时,执行动画——把位于“对比”按钮上的icon,移动到“比+1”按钮上;同时执行透明度动画。
总体的体会是,一些看似很复杂的动画,其实实现起来还是比较容易的。
在此附上demo地址(点击即可下载),欢迎star
在看到这个动画设计的时候,我就想到“京东”和“淘宝”的加入购物车的动画。
话不多说,讲一下这个动画的实现原理:
1、获取“对比”按钮和“比+1”按钮的绝对位置
2、在ScrollView滑动过程中,这两个按钮的位置会不断变化,所以需要不断更新两个按钮的位置
scrollView.setOnScrollChangeListener(new View.OnScrollChangeListener() { @Override public void onScrollChange(View view, int i, int i1, int i2, int i3) { int[] location1 = new int[2] ; testView.getLocationInWindow(location1); //获取在当前窗口内的绝对坐标 testX = location1[0]; testY = location1[1]; int[] location2 = new int[2] ; testView02.getLocationOnScreen(location2);//获取在整个屏幕内的绝对坐标 test02X = location2[0]; test02Y = location2[1]; Log.e("123", location1[0] + ", " + location1[1] + " onWindowFocusChanged: " + location2[0] + ", " + location2[1]); } });
3、在点击“对比”按钮时,执行动画——把位于“对比”按钮上的icon,移动到“比+1”按钮上;同时执行透明度动画。
总体的体会是,一些看似很复杂的动画,其实实现起来还是比较容易的。
在此附上demo地址(点击即可下载),欢迎star
相关文章推荐
- Android动画初探-实现淘宝加入加入购物车的效果
- Android实现的仿淘宝购物车demo示例
- Android电商项目 ExpandableListView(二级列表)实现购物车(高仿淘宝) demo
- Android实现仿淘宝购物车增加和减少商品数量功能demo示例
- Android贝塞尔曲线实现加入购物车抛物线动画
- iOS开发仿淘宝添加到购物车的动画效果实现
- Android 实现蘑菇街购物车动画效果
- jQuery实现加入购物车飞入动画效果
- Android仿淘宝购物车demo
- android添加购物车动画实现
- 基于jquery fly插件实现加入购物车抛物线动画效果
- Android 实现蘑菇街购物车动画效果
- Android 实现蘑菇街购物车动画效果
- Android高阶UI之FlowLayout流布局实现加入购物车标签选择
- Android购物车的实现(升级版 仿淘宝)
- Android 曲线动画animation,类似加入购物车动画
- iOS开发——仿淘宝添加到购物车的动画效果实现
- iOS手机淘宝加入购物车动画分析
- jQuery实现加入购物车飞入动画效果
- Android 实现蘑菇街购物车动画效果