Android 는 ViewPager 를 사용 하여 그림 과 윤 방 영상 을 불 러 옵 니 다.

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 가 한 동 영상 만 재생 할 수 있다 는 것 이 라 고 생각 합 니 다.모든 viewpitem 은 Surface View 에서 계승 한 Surface VideoView 컨트롤 이 있 습 니 다.저 는 원래 페이지 의 Surface Viedeo View 를 재생 을 중단 시 키 고 새로운 페이지 의 Surface VideoView 를 mVideo View 에 지불 한 다음 에 선택 한 페이지 의 동 영상 을 제어 할 수 있 습 니 다.
다음 효과 그림:

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.