Android——ViewPage視頻與圖片輪滾

一、源碼

• 依賴

implementation 'com.danikula:videocache:2.7.1'
implementation ("com.github.bumptech.glide:glide:4.9.0") {
    exclude group: "com.android.support"
}

• PZHelp_ViewPager

public class PZHelp_ViewPager extends ViewPager {
    public PZHelp_ViewPager(@NonNull Context context) {
        super(context);
        setPageTransformer(0.5f);
    }

    public PZHelp_ViewPager(@NonNull Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        setPageTransformer(0.5f);
    }

    public void setPageTransformer(final float pageclip) {
        super.setPageTransformer(false, new PageTransformer() {
            @Override
            public void transformPage(@NonNull View page, float position) {
                if (page.getClass().getSimpleName().equals("LinearLayout")) {
                    View view = ((LinearLayout) page).getChildAt(0);
                    if (position < -pageclip || position > pageclip) {
                        view.setLayoutParams(new LinearLayout.LayoutParams(0, 0));
                    } else {
                        if (position < 0) {//[-1,0]
                            view.setLayoutParams(new LinearLayout.LayoutParams((int) (page.getWidth() * (1 + position / pageclip)), page.getHeight()));
                        } else {//[0,1]
                            view.setLayoutParams(new LinearLayout.LayoutParams((int) (page.getWidth() * (1 - position / pageclip)), page.getHeight()));
                        }
                    }
                }
            }
        }, LAYER_TYPE_NONE);
    }
}

• PZHelp_ViewPagerAdapter

public class PZHelp_ViewPagerAdapter extends PagerAdapter {
    private static final String TAG = "PZHelp_ViewPagerAdapter";

    private Handler handler = new Handler();

    private List<String[]> respaths = null;

    private View             currentView   = null;
    private VideoView        lastVideoView = null;
    private PZHelp_ViewPager viewPager     = null;

    private int TYPE_IMAGE = 1;
    private int TYPE_VIDEO = 2;

    private int oldposition = -1;

    public PZHelp_ViewPagerAdapter(PZHelp_ViewPager viewPager) {
        this.viewPager = viewPager;
    }

    @Override
    public int getCount() {
        if (respaths != null) {
            return Integer.MAX_VALUE;
        }
        return 0;
    }

    @SuppressLint("ClickableViewAccessibility")
    @NonNull
    @Override
    public Object instantiateItem(@NonNull ViewGroup container, int position) {
        int realPosition = position % respaths.size();

        if (getResType(respaths.get(realPosition)[0]) == TYPE_IMAGE) {
            //是圖片
            ImageView imageView = new ImageView(container.getContext());
            Glide.with(container.getContext())
                    .load(respaths.get(realPosition)[0])
                    .diskCacheStrategy(DiskCacheStrategy.NONE)
                    .into(imageView);
            container.addView(imageView);
            return imageView;
        } else if (getResType(respaths.get(realPosition)[0]) == TYPE_VIDEO) {
            //是視頻
            VideoView videoView = new VideoView(container.getContext());
            videoView.setVideoPath(getProxy(container.getContext()).getProxyUrl(respaths.get(realPosition)[0]));
            videoView.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {
                @Override
                public void onCompletion(MediaPlayer mp) {
                    viewPager.setCurrentItem(viewPager.getCurrentItem() + 1, true);
                }
            });
            videoView.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT));

            //套一層LinearLayout用來居中VideoView
            LinearLayout linearLayout = new LinearLayout(container.getContext());
            linearLayout.setBackgroundColor(Color.BLACK);
            LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
            linearLayout.setLayoutParams(layoutParams);
            linearLayout.setGravity(Gravity.CENTER);
            linearLayout.addView(videoView);

            container.addView(linearLayout);
            return linearLayout;
        }
        return null;
    }

    @Override
    public void setPrimaryItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
        int realPosition = position % respaths.size();

        if (realPosition != oldposition) {//頁面切換了
            oldposition = realPosition;

            //獲取當前View
            if (object.getClass().getSimpleName().equals("LinearLayout")) {
                currentView = ((LinearLayout) object).getChildAt(0);
            } else {
                currentView = (View) object;
            }

            //暫停上一個視頻
            if (lastVideoView != null && lastVideoView.isPlaying()) {
                lastVideoView.pause();
            }

            //判斷VideoView
            if (currentView.getClass().getSimpleName().equals("VideoView")) {//當前頁爲視頻界面，當前頁視頻播放
                handler.removeCallbacks(loopRunnable);
                VideoView videoView = (VideoView) currentView;
                videoView.setVisibility(View.VISIBLE);
                videoView.start();
                lastVideoView = videoView;
            } else if (currentView.getClass().getSimpleName().equals("ImageView")) {//當前頁爲圖片界面
                handler.postDelayed(loopRunnable, Integer.parseInt(respaths.get(realPosition)[1]));
            }
        }
        super.setPrimaryItem(container, position, object);
    }


    private Runnable loopRunnable = new Runnable() {
        @Override
        public void run() {
            viewPager.setCurrentItem(viewPager.getCurrentItem() + 1, true);
        }
    };

    @Override
    public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {
        return view == object;
    }

    @Override
    public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
        container.removeView((View) object);
    }

    private int getResType(String respath) {
        if (respath.contains(".jpg") || respath.contains(".png") || respath.contains(".JPG") || respath.contains(".PNG")) {
            return TYPE_IMAGE;
        }
        if (respath.contains(".mp4") || respath.contains(".MP4")) {
            return TYPE_VIDEO;
        }
        return -1;
    }

    public void setData(List<String[]> respaths) {
        this.respaths = respaths;
    }

    public View getCurrentView() {
        return currentView;
    }
}

• VideoCache：[傳送門]

二、使用

• 數據爲 List<String[]>，每一個String[] 爲一個資源鏈接和播放時間（時間參數僅對圖片有效）

private List<String[]> respaths  = new ArrayList<>();
//String[] s1 = {"http://XXXXXXXXX/006.mp4", ""};
//String[] s2 = {"http://XXXXXXXXX/33.png", "5000"};

• 直接初始化即可使用，對於動態數據源，自行添加使用 viewPagerAdapter.notifyDataSetChanged() 即可

viewPagerAdapter = new PZHelp_ViewPagerAdapter(viewPager);
viewPagerAdapter.setData(respaths);
viewPager.setAdapter(viewPagerAdapter);