Android----各种效果的3DViewPager效果(二)

公司项目中有如下效果的需求

我在网上找了好多文章，终于找到一篇实现的效果和这个效果一样的，但是代码的篇幅同样不短，也没有去看具体的代码，只是copy过来用。现在我用上一篇介绍的知识点同样可以实现这个效果，而且理解起来比较简单，代码篇幅小，效果如下

我只是实现了主要的效果，具体细节的地方没有做处理，比如无限轮播等地方，我只是提供一种思路，由需要的伙伴自己处理一下就好，也是比较容易的。全篇幅的代码我在上一篇已经贴出来了，这里我只贴一下核心的代码和注释

CoverFlowViewPager.java的代码如下

/**
     * 设置显示的数据，进行一层封装
     * @param lists
     */
    public void setViewList(List<View> lists){
        if(lists==null){
            return;
        }
        mViewList.clear();
        for(View view:lists){

            FrameLayout layout = new FrameLayout(getContext());
            //设置缩放的倍数和透明度的倍数
            layout.setScaleX(0.83f);
            layout.setScaleY(0.83f);
            layout.setAlpha(0.5f);
            //这里设置位移，实现中间的pager盖住两边pager的效果
            layout.setTranslationX(mAdapter.dp2px(-60));
            layout.addView(view);
            mViewList.add(layout);
        }
        // 刷新数据
        mAdapter.notifyDataSetChanged();
        mViewList.get(0).bringToFront();

    }

CoverFlowAdapter.java的代码如下

@Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

        // 该方法回调ViewPager 的滑动偏移量
        if (mViewList.size() > 0 && position < mViewList.size()) {
            //这里是中间pager所实现的效果，根据positionOffset进行缩放，位移，透明度动画的设置
            mViewList.get(position).setScaleX(1 - positionOffset * 0.17f);
            mViewList.get(position).setScaleY(1 - positionOffset * 0.17f);
            mViewList.get(position).setAlpha(1 - positionOffset * 0.5f);
            mViewList.get(position).setTranslationX(dp2px(60) * positionOffset);

            // position+1 为即将显示的页面，越来越大
            if (position < mViewList.size() - 1) {
                //这里是两边pager所实现的效果
                mViewList.get(position + 1).setScaleX(0.83f + positionOffset * 0.17f);
                mViewList.get(position + 1).setScaleY(0.83f + positionOffset * 0.17f);
                mViewList.get(position + 1).setAlpha(0.5f + positionOffset * 0.5f);
                mViewList.get(position + 1).setTranslationX(dp2px(60) * (positionOffset - 1));
                //下面的代码比较重要，如果不加如下代码，最上面的pager有时候并不是中间的pager，根据positionOffset进行左右滑动的判定，来决定那个pager此时应该在最上面
                //bringToFront就是view在最上面的方法
                if(positionOffset>=mPositionOffset) {
                    if (positionOffset >= 0.7f) {
                        mViewList.get(position + 1).bringToFront();
                    }else if(positionOffset==0&&position==0){
                        mViewList.get(position).bringToFront();
                    }
                }else{
                    if(positionOffset<=0.6f){
                        mViewList.get(position).bringToFront();
                    }
                }
                //这里的代码可加可不加，这里是从中间数第三个pager的动画效果，如果屏幕只显示三个页，可以不设置，如果是五个页可以设置，具体效果可以自己调试
                if (position < mViewList.size() - 2) {
                    mViewList.get(position + 2).setScaleX(0.66f + positionOffset * 0.17f);
                    mViewList.get(position + 2).setScaleY(0.66f + positionOffset * 0.17f);
                    mViewList.get(position + 2).setTranslationX(dp2px(30) * (positionOffset - 1));
                }
            }
        }
        mPositionOffset=positionOffset;
    }

mPositionOffset用来记录每次滑动的postionOffset，用来和下次的positionOffset作比较，mPositionOffset大说明右滑动，反之左滑动。关于为什么要做左右滑动的判断，注释中已作说明。

github中的地址或在这里下载

如有疑问可以加我QQ：954831816或留言