ViewPager 滑动上一个声音答案

【问题标题】：ViewPager swipe previous soundViewPager 滑动上一个声音
【发布时间】：2019-03-25 17:57:41
【问题描述】：

在这里，我正在使用 viewpager 滑动我的图像，并且它在每次图像滑动时播放不同的声音。现在它工作正常，但是当我向后滑动时，声音与图像不匹配......

我的代码：-

图像页面适配器

package com.android.learning_numbers;

public class ImagePagerAdapter {

}

主要活动

package com.android.learning_numbers;

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

public class Numbers extends Activity {

    MediaPlayer mp;
    MediaPlayer player;

    @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);
        player = MediaPlayer.create(this, R.raw.jingle);
        player.setLooping(true);
        player.setVolume(100, 100);
        player.start();
     }

     @Override
     protected void onPause() {
         super.onPause();
         player.pause();
     }

     @Override
     protected void onResume() {
         super.onResume();
         player.start();
     }

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,R.drawable.no10,R.drawable.bg2,};
         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,R.raw.ten,R.raw.one,};

         @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); 
            if(position>=1){
            mp = MediaPlayer.create(Numbers.this, mAudio[position-1]);
            mp.start();
            }
            return imageView;
         }

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

【问题讨论】：

看这行mp = MediaPlayer.create(Numbers.this, mAudio[position-1]);应该是mp = MediaPlayer.create(Numbers.this, mAudio[position]);
您找到解决方案了吗？
@MuhammadUsmanGhani 我已经标记了我的答案。
在我的情况下，我需要当向后滑动位置时，向前滑动时声音会出现问题..
我使用了您投票的答案，但它的循环导致我只连续播放 1 个声音时出错.. 并且没有循环在任何滑动效果上都没有声音

标签： android android-viewpager

【解决方案1】：

将您的MediaPlayer 对象和用于播放声音的代码移动到您的ViewPager 对象的onPageChangeListener。目前它仅在项目被实例化时才播放音频。

如果您将它们移动到onPageChangeListener，它将在每个页面更改时播放，无论是否实例化了新项目。

@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);
    viewPager.setOnPageChangeListener(player);
    player = MediaPlayer.create(this, R.raw.jingle);
    player.setLooping(true);
    player.setVolume(100, 100);
    player.start();
 }

OnPageChangeListener player = new OnPageChangeListener()
{

    @Override
    public void onPageSelected(int arg0)
    {
        mp = MediaPlayer.create(Numbers.this, mAudio[arg0]);
        mp.start();
    }

    @Override
    public void onPageScrolled(int arg0, float arg1, int arg2)
    {
    }

    @Override
    public void onPageScrollStateChanged(int arg0)
    {
    }
};

【讨论】：

你能编辑我的代码吗，因为如果我把 onPageChangeListener 给我一个错误。
您是否尝试在您的ImagePagerAdapter 类中添加onPageChangeListener？如果是这样，你不必在这里做。将其添加到 Activity 类中的对象
不，我没有将 onPageChangeListener 放在 ImagePagerAdapter 上
没有错误但没有播放声音..我已经编辑了上面的代码看看它
您需要在您的Activity 中创建它，然后在您的ViewPager 对象上创建setOnPageChangeListener(player)

【解决方案2】：

我找到了答案。现在这是绝对有效的代码

public class Numbers extends Activity {
    MediaPlayer mp;
    MediaPlayer BG;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_numbers);
        ViewPagerAdapter adapter = new ViewPagerAdapter(this, imageArra);
        ViewPager myPager = (ViewPager) findViewById(R.id.myfivepanelpager);
        myPager.setOnPageChangeListener(player);
        myPager.setAdapter(adapter);
        myPager.setCurrentItem(0);
        BG = MediaPlayer.create(this, R.raw.jingle);
        BG.setLooping(true);
        BG.setVolume(100, 100);
        BG.start();
        mp = MediaPlayer.create(Numbers.this, mAudio[0]);
        mp.start();
    }

    @Override
    protected void onPause() {
        super.onPause();
        BG.pause();
        }

    @Override
    protected void onResume() {
    super.onResume();
    BG.start();
    }

    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,
                                     R.raw.ten};

    private int imageArra[] =  {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,
                                R.drawable.no10};

    public  OnPageChangeListener player = new OnPageChangeListener()
    {

        @Override
        public void onPageSelected(int arg1)
        {
        mp = MediaPlayer.create(Numbers.this, mAudio[arg1]);
        mp.start();
        }

        @Override
        public void onPageScrolled(int arg0, float arg1, int arg2)
        {
        }

        @Override
        public void onPageScrollStateChanged(int arg0)
        {
        }
    };

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.numbers, menu);
        return true;
    }

}

【讨论】：

【解决方案3】：

它对我有用

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_farm_animals);
    ButterKnife.bind(this);
    farmAnimalAdapter = new FarmAnimalAdapter(this);
    viewPager.setOnPageChangeListener(players);
    viewPager.setAdapter(farmAnimalAdapter);

}
public int[] animal_images = new int[]{
        R.drawable.cow,
        R.drawable.sheep,
        R.drawable.horse,
        R.drawable.goat
};
public int[] animal_sound = new int[]{
        R.raw.cow,
        R.raw.sheep,
        R.raw.horse,
        R.raw.goat
};
public String[] names = new String[] {
        "COW","SHEEP","HORSE","GOAT"
};
ViewPager.OnPageChangeListener players= new ViewPager.OnPageChangeListener() {
    @Override
    public void onPageScrolled(int i, float v, int i1) {

    }

    @Override
    public void onPageSelected(int i) {
        //audio
        MediaPlayer sound = MediaPlayer.create(getApplicationContext(),animal_sound[i]);
        sound.start();
    }

    @Override
    public void onPageScrollStateChanged(int i) {

    }
};`   public class FarmAnimalAdapter extends PagerAdapter{
    Context mContext;
    LayoutInflater mLayoutInflater;


    public FarmAnimalAdapter(Context mContext) {
        this.mContext = mContext;
        this.mLayoutInflater = mLayoutInflater;
    }
    @Override
    public int getCount() {
        return names.length ;
    }
    @Override
    public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {
        return view == object;
    }

    @NonNull
    @Override
    public Object instantiateItem(@NonNull ViewGroup container, int position) {
        mLayoutInflater =(LayoutInflater)mContext.getSystemService(LAYOUT_INFLATER_SERVICE);
        View view = mLayoutInflater.inflate(R.layout.farmanimal_adapter_list,container,false);
        ImageView txtimage = (ImageView)view.findViewById(R.id.txtimage);
        AppCompatTextView txtname = (AppCompatTextView)view.findViewById(R.id.txtname);
        txtimage.setImageResource(animal_images[position]);
        txtname.setText(names[position]);
        container.addView(view);
        return view;
    }

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

}

【讨论】：