公司專案中有如下效果的需求

我在網上找了好多文章，終於找到一篇實現的效果和這個效果一樣的，但是程式碼的篇幅同樣不短，也沒有去看具體的程式碼，只是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大說明右滑動，反之左滑動。關於為什麼要做左右滑動的判斷，註釋中已作說明。

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