Viewpager的声音与图像不同步

Question

因此，基本上我想玩用户轻扫图像时的短声。有这样的图像数量&我采取了。声音播放良好但我的问题是在这里我的声音不符合图像。可能是我认为我没有在我的代码中实现OnPageChangeListener。任何人可以帮助我在这个如何执行此代码..

package com.android.learning_numbers; 

import android.media.MediaPlayer; 
import android.os.Bundle; 
import android.os.IBinder; 
import android.app.Activity; 
import android.app.Service; 
import android.content.Context; 
import android.content.Intent; 
import android.support.v4.view.PagerAdapter; 
import android.support.v4.view.ViewPager; 
import android.util.Log; 
import android.view.View; 
import android.view.ViewGroup; 
import android.widget.ImageView; 

public class Numbers extends Activity { 

    public class serv extends Service{ 

     MediaPlayer mp; 
     public IBinder onBind1(Intent intent) { 
      // TODO Auto-generated method stub 
      return null; 
     } 
     public void onCreate() 
     { 
      mp = MediaPlayer.create(this, R.raw.jingle); 
      mp.setLooping(true); 
     } 
     public void onDestroy() 
     {  
      mp.stop(); 
     } 
     public void onStart(Intent intent,int startid){ 

      String tag = null; 
      Log.d(tag, "On start"); 
      mp.start(); 
     } 
     @Override 
     public IBinder onBind(Intent arg0) { 
      // TODO Auto-generated method stub 
      return null; 
     } 
     } 

    public static MediaPlayer mp = null; 

    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.activity_numbers); 
     ViewPager viewPager = (ViewPager)findViewById(R.id.view_pager); 
     ImagePagerAdapter adapter = new ImagePagerAdapter(); 
     viewPager.setAdapter(adapter); 
     } 

    private class ImagePagerAdapter extends PagerAdapter { 

     private int[] mImages = new int[]{R.drawable.no1,R.drawable.no2,R.drawable.no3,R.drawable.no4,R.drawable.no5,R.drawable.no6,R.drawable.no7,R.drawable.no8,R.drawable.no9,}; 
     private int[] mAudio= new int[]{R.raw.one,R.raw.two,R.raw.three,R.raw.four,R.raw.five,R.raw.six,R.raw.seven,R.raw.eight,R.raw.nine}; 
     @Override 
     public int getCount() { 
     return mImages.length; 
     } 
     @Override 
     public boolean isViewFromObject(View view, Object object) { 
     return view == ((ImageView) object); 
     } 
     @Override 
     public Object instantiateItem(ViewGroup container, int position) { 
      Context context = Numbers.this; 
      ImageView imageView = new ImageView(context); 
      int padding =context.getResources(). 
      getDimensionPixelSize(R.dimen.activity_vertical_margin); 
      imageView.setPadding(padding, padding, padding, padding); 
      imageView.setScaleType(ImageView.ScaleType.CENTER); 
      imageView.setImageResource(mImages[position]); 
      ((ViewPager) container).addView(imageView, 0); 

//for Sound 
if (mp != null) { 
      mp.reset(); 
      mp.release(); 
       } 

//the audio files are running here but not in sync with image 
     mp = MediaPlayer.create(Numbers.this,mAudio[position]); 
     mp.start(); 

return imageView; 
     } 
     @Override 
     public void destroyItem(ViewGroup container, int position, Object object) { 
      ((ViewPager) container).removeView((ImageView) object); 
     } 
     } 
    } 

这里如何使用OnPageChangeListener？

Answer 1

您的问题是，您在创建项目时播放声音，这可能与您更改项目时不一定相同。

public OnPageChangeListener mOnPageListener = new OnPageChangeListener() { 

    @Override public void onPageSelected(int position) { 
     //for Sound 
     if (mp != null) { 
      mp.reset(); 
      mp.release(); 
     } 

     //the audio files are running here but not in sync with image 
     mp = MediaPlayer.create(Numbers.this, mAudio[position]); 
     mp.start(); 

    } 
    @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {} 
    @Override public void onPageScrollStateChanged(int state) {} 

}; 

然后你只需要把它连接到您的ViewPager：你可以在你的类中定义它像这样使用OnPageChangeListener

viewPager.setOnPageChangeListener（mOnPageListener）;

我也建议您不要每次都重新创建MediaPlayer，而是将其缓存为每个页面。