仿淘宝购买详情页购买缩小动画

偶尔一个时候,我们产品的详情页面也做的和淘宝神识,为了加强 的体验,我们加了一些动画,下面说说淘宝详情的缩放详情页的动画怎么做的吧。

先上两张图,

其实也就是几个缩放的动画

下面是核心代码

// 主页缩放动画
    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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏分享达人秀

ViewPager轻松完成TabHost效果

上一期学习了ViewPager的简单使用,本期一起来学习ViewPager的更多用法。 ? 相信很多同学都使用过今日头条APP吧,一打开主界面就...

32370
来自专栏androidBlog

自定义View常用例子二(点击展开隐藏控件,九宫格图片控件)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/gdutxiaoxu/article/details/...

13210
来自专栏向治洪

listview滑动删除

今天还是给大家带来自定义控件的编写,自定义一个ListView的左右滑动删除Item的效果,这个效果之前已经实现过了,有兴趣的可以看下Android 使用Scr...

28270
来自专栏7号代码

Android应用界面开发——ListView,GridView,ScrollView

ListView的意思是列表视图,是应用最广泛的一种视图,例如联系人,功能列表,菜单等等都会用到ListView。

11730
来自专栏小巫技术博客

A020-列表容器之ListView

前面介绍了Android UI中的五大布局容器,本节课介绍实际项目当中经常会用到的组件-ListView,它也是一个布局容器,它的每一项就是我们的列表项,每一个...

11430
来自专栏Android源码框架分析

三句代码创建全屏Dialog或者DialogFragment:带你从源码角度实现全屏Dialog

Dialog是APP开发中常用的控件,同Activity类似,拥有独立的Window窗口,但是Dialog跟Activity还是有一定区别的,最明显的就是:默认...

46840
来自专栏水击三千

ImageButton与Button

1.Button控件 Butotn控件,主要用来实现一些命令操作,通过注册监听事件来实现。首先需要在xml文档中放入一个button按钮。 1 <But...

29290
来自专栏Android干货

安卓开发_浅谈OptionsMenus(选项菜单)

29870
来自专栏pangguoming

Android点击EditText文本框之外任何地方隐藏键盘的解决办法

1,实现方法一:通过给当前界面布局文件的父layout设置点击事件(相当于给整个Activity设置点击事件),在事件里进行键盘隐藏 <LinearLayout...

29080
来自专栏Android开发经验

ScrollView里面基于某个View弹出PopupWindow,PopupWindow不会跟着View滚动?

21220

扫码关注云+社区

领取腾讯云代金券