仿淘宝购买详情页购买缩小动画
2016-04-29 09:01
274 查看
偶尔一个时候,我们产品的详情页面也做的和淘宝神识,为了加强 的体验,我们加了一些动画,下面说说淘宝详情的缩放详情页的动画怎么做的吧。
先上两张图,
其实也就是几个缩放的动画
下面是核心代码
说下思路,当我们点击购买的时候,谈起选规格弹框,同时,后面的详情页面执行缩放动画,标题栏隐藏,
喜欢前端的朋友可以关注下我们的qq群:188716429
最后附上下载地址:http://download.csdn.net/detail/xiangzhihong8/9506048
先上两张图,
其实也就是几个缩放的动画
下面是核心代码
// 主页缩放动画 private Animation mScalInAnimation1; // 主页缩放完毕小幅回弹动画 private Animation mScalInAnimation2; // 主页回弹正常状态动画 private Animation mScalOutAnimation; // 标题恢复动画 private Animation mTranInAnimation; // 标题消失动画 private Animation mTranOutAnimation;
// 动画初始化 mScalInAnimation1 = AnimationUtils.loadAnimation(MainActivity.this, R.anim.root_in); mScalInAnimation2 = AnimationUtils.loadAnimation(MainActivity.this, R.anim.root_in2); mScalOutAnimation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.root_out); mTranInAnimation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.title_in); mTranOutAnimation = AnimationUtils.loadAnimation(MainActivity.this,R.anim.title_out); mScalInAnimation1.setAnimationListener(new ScalInAnimation());
说下思路,当我们点击购买的时候,谈起选规格弹框,同时,后面的详情页面执行缩放动画,标题栏隐藏,
private void doAnim() { titleView.startAnimation(mTranOutAnimation); detailView.startAnimation(mScalInAnimation1); popupwindow = new BuyPopupWindow(LayoutInflater.from(this).inflate( R.layout.buy_pop, null)); popupwindow.setOnDismissListener(new OnPopupDismissListener()); popupwindow.showAtLocation(mainView, Gravity.CENTER, 0, 0); }当点击popwindow点击消失的时候,执行回放的动画。
private class OnPopupDismissListener implements android.widget.PopupWindow.OnDismissListener { @Override public void onDismiss() { titleView.startAnimation(mTranInAnimation); detailView.startAnimation(mScalOutAnimation); } }
喜欢前端的朋友可以关注下我们的qq群:188716429
最后附上下载地址:http://download.csdn.net/detail/xiangzhihong8/9506048
相关文章推荐
- 仿淘宝购买详情页购买缩小动画
- spi协议及工作原理分析
- 取json中的键值(json中键值不固定的时候)
- 使用MySQL正则表达式 __MySQL必知必会
- android 学习路线
- Activity(活动)
- 一个播放器的第三方框架
- [Leetcode刷题总结系列][Dynamic programming][Divide-and-conquer]53.Maximum Subarray
- 教你了解数码相机的种类与区别
- drop,truncate与delete的区别
- 控制器相关(控制器的创建 跳转 导航控制器 等)
- C#中的集合用法分析
- UML类图关系(泛化 、继承、实现、依赖、关联、聚合、组合)-转
- 【Win10】单元测试中捕获异步方法的指定异常
- 解析Java程序中对象内存的分配和控制的基本方法
- 队列(顺序存储)代码
- RecyclerView的万能分割线
- Sublime text 3最新版破解方法
- Linux用户态和内核态间的转换
- HMAC-MD5算法原理及实现