仿京东淘宝商品详情页中视频和图片的轮播功能

最新推荐文章于 2024-04-27 05:58:12 发布

原创

最新推荐文章于 2024-04-27 05:58:12 发布 · 1.1w 阅读

标签

#视频和图片的轮播功能

收录于

本文介绍了如何在仿京东淘宝的商品详情页中实现视频和图片的轮播效果，通过案例下载链接提供了具体实现代码。文章中提到了使用饺子播放器来处理视频播放，并重点讲解了适配器中的关键代码实现。

还没有学会如何上传视频到博客上，先上传图片吧

案例下载地址：

https://download.csdn.net/download/dawnzeng/10430298

视频播放借用了饺子播放器，最主要的就是适配器里的代码书写：

    @Override
    public Object instantiateItem(ViewGroup container, final int position) {
        String url = imgUrls.get(position % imgUrls.size());
        if (!url.contains(".mp4")) {
            ImageView imageView = new ImageView(mContext);
            imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);
//            imageView.setScaleType(ImageView.ScaleType.FIT_XY);
            Glide.with(mContext).load(url).into(imageView);
            container.addView(imageView);
            imageView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onCl