作为Android基础组件之一，大家对viewpager已经很熟悉了，网上也有很多使用viewpager来加载图片的案例。但是像微信那样点击图片，可以轮播显示图片和视频的例子却没找到。正巧项目中有需求，可以就花时间写了下，现在给一下核心代码，希望对有此需求的同学们起一个抛砖引玉的作用。话不多说了，上代码：

以下是initData的代码

public void initData() {
 //把聊天界面的图片和视频找出来，并加到数组中，并在
 //并根据传进来的position来找到视频或图片在数组中的位置
 for (int i = 0; i < MsgCount; i++) {
  Msg1 msg1 = fridenMessages.MessageList.get(i);
  if (msg1.getMsg().startsWith(ChatUtil.TAG_IMAGE) || msg1.getMsg().startsWith(ChatUtil.TAG_VIDEO)) {
  ImageUrl.add(msg1.getMsg());
  //查看消息postion对应的图片位置
  if (position == i) {
   position = ImageUrl.size() - 1;
   Log.i("TAG", "position=" + position);
  }

  }
 }
 Log.i("TAG", "position=" + position);
 //把要用到的view加到viewList中
 for (int i = 0; i < ImageUrl.size(); i++) {
  if (ImageUrl.get(i).startsWith(ChatUtil.TAG_IMAGE)) {
  PhotoView photoView = new PhotoView(context);
  viewList.add(photoView);
  } else if (ImageUrl.get(i).startsWith(ChatUtil.TAG_VIDEO)) {


  View view1 = LayoutInflater.from(context).inflate(R.layout.activity_video_player, null);
  SurfaceVideoView videoView = (SurfaceVideoView) view1.findViewById(R.id.videoview);
  int screenWidth = getScreenWidth((Activity) context);
  int videoHight = (int) (screenWidth / (MediaRecorderBase.SMALL_VIDEO_WIDTH / (MediaRecorderBase.SMALL_VIDEO_HEIGHT * 1.0f)));
//  int videoHight = (int) (screenWidth)*4/3;
  videoView.getLayoutParams().height = videoHight;
  videoView.requestLayout();
  View playStatus = view1.findViewById(R.id.play_status);
  View loading = view1.findViewById(R.id.loading);
  viewList.add(view1);
  }
 }

 adapter = new MyAdapter();
 viewPager.setAdapter(adapter);
 if (position != -1) {
  viewPager.setCurrentItem(position);
 }
 }
``` public void initEvent() {
 //给viewPager设置监听
 viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {

  @Override
  public void onPageSelected(int arg0) {

  int childCount = viewPager.getChildCount();//viewPager得到页面的数量
  //如果不是在原页面，让原来页面的视频停止播放
  if(position != arg0){
   position=arg0;
   StopVideo();
  }

  // 遍历当前所有加载过的PhotoView，恢复所有图片的默认状态

  for (int i = 0; i < childCount; i++) {
   View childAt = viewPager.getChildAt(i);

   try {
   if (childAt != null && childAt instanceof PhotoView) {
    PhotoView photoView = (PhotoView) childAt;
    photoView.setOnPhotoTapListener(new PhotoViewAttacher.OnPhotoTapListener() {
    @Override
    public void onPhotoTap(View view, float x, float y) {
     finish();
    }

    @Override
    public void onOutsidePhotoTap() {

    }
    });
   }
   } catch (Exception e) {
   e.printStackTrace();
   }
  }
  if (ImageUrl.get(position).startsWith(ChatUtil.TAG_VIDEO)) {
   String body = ChatApplication.dbHelper.getVideoSdPath(ImageUrl.get(position));
   String url[] = ImageUrl.get(position).substring(ChatUtil.TAG_VIDEO.length()).split("&&");
   View childAt = viewList.get(arg0);
   SurfaceVideoView videoView = (SurfaceVideoView) childAt.findViewById(R.id.videoview);
   mVideoView = videoView;
   mPlayerStatus = childAt.findViewById(R.id.play_status);
   mLoading = childAt.findViewById(R.id.loading);
   Log.i("TAG", "videoUrl=" + body);
   setVideoUrl(body, url);
   //延迟50ms，让播放器播放视频时，让它暂停
   Handler handler = new Handler();
   handler.postDelayed(new Runnable() {
   @Override
   public void run() {
    StopVideo();
   }
   }, 50);
  }
  }

  @Override
  public void onPageScrolled(int arg0, float arg1, int arg2) {
  // TODO Auto-generated method stub

  }

  @Override
  public void onPageScrollStateChanged(int arg0) {
  // TODO Auto-generated method stub

  }
 });
 }
 public class MyAdapter extends PagerAdapter {

 @Override
 public int getCount() {
  return ImageUrl.size();
 }

 @Override
 public View instantiateItem(ViewGroup container, int pos) {
  Log.i("TAG", "pos=" + pos);
  if (ImageUrl.get(pos).startsWith(ChatUtil.TAG_IMAGE)) {
  PhotoView photoView = (PhotoView) viewList.get(pos);
  container.addView(photoView, ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
  String body[] = ImageUrl.get(pos).substring(ChatUtil.TAG_IMAGE.length()).split("&&");
  Log.i("TAG", "<IMAGE>=" + body[0]);
  ImageLoader.getInstance().displayImage(body[0], photoView);
  photoView.setScaleType(ImageView.ScaleType.FIT_CENTER);//设置图片显示为充满全屏
  photoView.setOnPhotoTapListener(new PhotoViewAttacher.OnPhotoTapListener() {
   @Override
   public void onPhotoTap(View view, float x, float y) {
   finish();
   }

   @Override
   public void onOutsidePhotoTap() {

   }
  });
  //  photoView.setOnLongClickListener(longClickListener);

  } else if (ImageUrl.get(pos).startsWith(ChatUtil.TAG_VIDEO)) {
   View view1 = viewList.get(pos);
  SurfaceVideoView VideoView = (SurfaceVideoView) view1.findViewById(R.id.videoview);
  int screenWidth = getScreenWidth((Activity) context);
  int videoHight = (int) (screenWidth / (MediaRecorderBase.SMALL_VIDEO_WIDTH / (MediaRecorderBase.SMALL_VIDEO_HEIGHT * 1.0f)));
//  int videoHight = (int) (screenWidth)*4/3;
  VideoView.getLayoutParams().height = videoHight;
  VideoView.requestLayout();
  View PlayerStatus = view1.findViewById(R.id.play_status);
  View Loading = view1.findViewById(R.id.loading);
  VideoView.setOnPreparedListener(ShowBigPictureActivity.this);
  VideoView.setOnPlayStateListener(ShowBigPictureActivity.this);
  VideoView.setOnErrorListener(ShowBigPictureActivity.this);
  VideoView.setOnClickListener(ShowBigPictureActivity.this);
  VideoView.setOnInfoListener(ShowBigPictureActivity.this);
  VideoView.setOnCompletionListener(ShowBigPictureActivity.this);
  container.addView(view1, ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);

  String body = ChatApplication.dbHelper.getVideoSdPath(ImageUrl.get(pos));
  String url[] = ImageUrl.get(pos).substring(ChatUtil.TAG_VIDEO.length()).split("&&");
  //找到是点击聊天界面哪个视频进来的，将局部成员，付给类成员
  if(pos==position) {
   mVideoView = VideoView;
   mPlayerStatus=PlayerStatus;
   mLoading=Loading;
   setVideoUrl(body,url);

  }



  }

  return viewList.get(pos);
 }

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

 @Override
 public boolean isViewFromObject(View view, Object object) {
  return view == object;
 }
 }
以下是控制视频播放的接口：
 public void onCompletion(MediaPlayer mp) {
 onStateChanged(false);
 }

 @Override
 public boolean onError(MediaPlayer mp, int what, int extra) {

 return false;

 }

 @Override
 public boolean onInfo(MediaPlayer mp, int what, int extra) {
 switch (what) {
  case MediaPlayer.MEDIA_INFO_BAD_INTERLEAVING:
  // 音频和视频数据不正确
  ConfigUtil.showShort(context, "视频数据不正确！");
  break;
  case MediaPlayer.MEDIA_INFO_BUFFERING_START:
  if (!isFinishing())
   mVideoView.pause();
  break;
  case MediaPlayer.MEDIA_INFO_BUFFERING_END:
  if (!isFinishing())
   mVideoView.start();
  break;
  case MediaPlayer.MEDIA_INFO_VIDEO_RENDERING_START:
  if (DeviceUtils.hasJellyBean()) {
   mVideoView.setBackground(null);
  } else {
   mVideoView.setBackgroundDrawable(null);
  }
 break;
 }
 return false;
}

 @Override
 public void onStateChanged(boolean isPlaying) {
 mPlayerStatus.setVisibility(isPlaying ? View.GONE : View.VISIBLE);


 }

 @Override
 public void onPrepared(MediaPlayer mp) {
 mVideoView.setVolume(SurfaceVideoView.getSystemVolumn(this));
 mVideoView.start();
 mLoading.setVisibility(View.GONE);

 }

我觉得轮播视频的难点在于viewpager只能播放一个视频，而每个viewItem都有继承自SurfaceView的SurfaceVideoView控件， 我让原先页面的SurfaceViedeoView停止播放，并把新页面的SurfaceVideoView付给mVideoView，然后就可以对选中页面的视频进行控制了。

下面来张效果图：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# Android  # ViewPager  # 加载图片  # 轮播视频  # Android 使用ViewPager自动滚动循环轮播效果  # Android 中使用 ViewPager实现屏幕页面切换和页面轮播效果  # Android使用viewpager实现自动无限轮播图  # Android ViewPager实现轮播图效果  # Android ViewPager实现图片轮播效果  # Android实现基于ViewPager的无限循环自动播放带指示器的轮播图CarouselFigur  # Android ViewPager实现无限循环轮播广告位Banner效果  # Android使用ViewPager实现自动轮播  # Android Viewpager实现无限循环轮播图  # android viewpager实现轮播效果  # 不正确  # 组中  # 加载  # 都有  # 也有  # 我觉得  # 说了  # 遍历  # 不多  # 中有  # 并在  # 抛砖引玉  # 播放器  # 同学们  # 要用  # 写了  # 就可  # 如果不是  # 让它  # 全屏 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 今日头条AI怎样推荐抢票工具_今日头条AI抢票工具推荐算法与筛选【技巧】  教学论文网站制作软件有哪些,写论文用什么软件 ？  Laravel控制器是什么_Laravel MVC架构中Controller的作用与实践  如何用花生壳三步快速搭建专属网站？  Laravel如何使用Contracts（契约）进行编程_Laravel契约接口与依赖反转  Laravel怎么进行浏览器测试_Laravel Dusk自动化浏览器测试入门  如何快速生成专业多端适配建站电话？  Laravel DB事务怎么使用_Laravel数据库事务回滚操作  香港服务器如何优化才能显著提升网站加载速度？  软银砸40亿美元收购DigitalBridge 强化AI资料中心布局  html5怎么画眼睛_HT5用Canvas或SVG画眼球瞳孔加JS控制动态【绘制】  如何基于PHP生成高效IDC网络公司建站源码？  Laravel模型关联查询教程_Laravel Eloquent一对多关联写法  三星、SK海力士获美批准：可向中国出口芯片制造设备  Laravel如何实现多对多模型关联？（Eloquent教程）  如何在万网开始建站？分步指南解析  零服务器AI建站解决方案：快速部署与云端平台低成本实践  JavaScript如何实现继承_有哪些常用方法  如何在景安云服务器上绑定域名并配置虚拟主机？  Laravel怎么发送邮件_Laravel Mail类SMTP配置教程  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的，背景音乐、音效等？  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  如何在阿里云域名上完成建站全流程？  如何在IIS中新建站点并配置端口与物理路径？  Google浏览器为什么这么卡 Google浏览器提速优化设置步骤【方法】  网站建设整体流程解析，建站其实很容易！  千问怎样用提示词获取健康建议_千问健康类提示词注意事项【指南】  免费网站制作appp,免费制作app哪个平台好？  Laravel全局作用域是什么_Laravel Eloquent Global Scopes应用指南  谷歌浏览器如何更改浏览器主题 Google Chrome主题设置教程  详解Huffman编码算法之Java实现  laravel怎么为应用开启和关闭维护模式_laravel应用维护模式开启与关闭方法  长沙企业网站制作哪家好,长沙水业集团官方网站？  深圳网站制作公司好吗,在深圳找工作哪个网站最好啊？  php json中文编码为null的解决办法  javascript读取文本节点方法小结  Laravel如何构建RESTful API_Laravel标准化API接口开发指南  Android自定义listview布局实现上拉加载下拉刷新功能  php静态变量怎么调试_php静态变量作用域调试技巧【解答】  Python正则表达式进阶教程_复杂匹配与分组替换解析  使用spring连接及操作mongodb3.0实例  Laravel如何实现URL美化Slug功能_Laravel使用eloquent-sluggable生成别名【方法】  Laravel怎么实现微信登录_Laravel Socialite第三方登录集成  edge浏览器无法安装扩展 edge浏览器插件安装失败【解决方法】  如何快速生成ASP一键建站模板并优化安全性？  Laravel如何使用软删除（Soft Deletes）功能_Eloquent软删除与数据恢复方法  韩国服务器如何优化跨境访问实现高效连接？  Laravel如何设置自定义的日志文件名_Laravel根据日期或用户ID生成动态日志【技巧】  Laravel怎么设置路由分组Prefix_Laravel多级路由嵌套与命名空间隔离【步骤】  Gemini手机端怎么发图片_Gemini手机端发图方法【步骤】