当声音在两个 ImageButtons 中播放完毕时，将暂停图标更改为播放图标答案

【问题标题】：To change pause icon to play icon when the sound finish playing in two ImageButtons当声音在两个 ImageButtons 中播放完毕时，将暂停图标更改为播放图标
【发布时间】：2018-09-15 22:50:22
【问题描述】：

我正在尝试在声音播放完毕后将暂停图标更改为播放图标。这里有两个 ImageButton，第二个 ImageButton 可以正常工作，在声音播放完毕后将暂停图标更改为播放，但第一个按钮在声音播放完毕后不会变回播放图标。

public class MainActivity extends AppCompatActivity {


    ImageButton playBtn, playbutton;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        playBtn = (ImageButton) findViewById(R.id.button1);
        playbutton= (ImageButton) findViewById(R.id.button2);

        final MediaPlayer sound = MediaPlayer.create(this,R.raw.evumm);

        playBtn.setBackgroundResource(R.drawable.playicon);
        playBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                if (sound.isPlaying()) {
                    sound.pause();
                    playBtn.setBackgroundResource(R.drawable.playicon);
                } else {

                    sound.start();
                    playBtn.setBackgroundResource(R.drawable.pauseicon);
                }
            }

        });

        sound.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {
            @Override
            public void onCompletion(MediaPlayer mp) {
                playBtn.setBackgroundResource(R.drawable.playicon);
            }
        });


        playbutton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {

                if (sound.isPlaying()) {
                    sound.pause();
                    playbutton.setBackgroundResource(R.drawable.playicon);
                } else {

                    sound.start();
                    playbutton.setBackgroundResource(R.drawable.pauseicon);
                }

            }
        });

        sound.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {
            @Override
            public void onCompletion(MediaPlayer mp) {
                playbutton.setBackgroundResource(R.drawable.playicon);
            }
        });


    }
}

这里是 XML 方面

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="develop.kokoson.playorstopapp.MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Play or Pause !"
        android:textSize="25dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="46dp"
        android:id="@+id/textView" />

    <ImageButton
        android:id="@+id/button1"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="@drawable/playicon"
        android:layout_marginTop="81dp"
        android:layout_below="@+id/textView"
        android:layout_centerHorizontal="true" />

    <ImageButton
        android:id="@+id/button2"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="@drawable/playicon"
        android:layout_centerVertical="true"
        android:layout_alignLeft="@+id/button1"
        android:layout_alignStart="@+id/button1" />

   </RelativeLayout>

【问题讨论】：

标签： android

【解决方案1】：

因为MediaPlayer类的一个实例只有一个OnCompletionListener监听器，所以当你调用时

sound.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {
    @Override
    public void onCompletion(MediaPlayer mp) {
        playBtn.setBackgroundResource(R.drawable.playicon);
    }
});

它将注册一个新的侦听器，该侦听器设置playBtn 按钮的图标。之后你打电话

sound.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {
    @Override
    public void onCompletion(MediaPlayer mp) {
        playbutton.setBackgroundResource(R.drawable.playicon);
    }
});

它将设置一个新的侦听器，该侦听器设置playbutton 按钮的图标并覆盖第一个侦听器。这就是为什么第一个监听器中的代码没有执行，playBtn 的图标也没有改变的原因。

您应该使用一个侦听器并将所有要执行的代码放入其中。

playBtn = (ImageButton) findViewById(R.id.button1);
playbutton= (ImageButton) findViewById(R.id.button2);

final MediaPlayer sound = MediaPlayer.create(this,R.raw.evumm);

playBtn.setBackgroundResource(R.drawable.playicon);

playBtn.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {

        if (sound.isPlaying()) {
            sound.pause();
            playBtn.setBackgroundResource(R.drawable.playicon);
        } else {

            sound.start();
            playBtn.setBackgroundResource(R.drawable.pauseicon);
        }
    }

});

playbutton.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {

        if (sound.isPlaying()) {
            sound.pause();
            playbutton.setBackgroundResource(R.drawable.playicon);
        } else {

            sound.start();
            playbutton.setBackgroundResource(R.drawable.pauseicon);
        }

    }
});

sound.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {
    @Override
    public void onCompletion(MediaPlayer mp) {
        playBtn.setBackgroundResource(R.drawable.playicon);
        playbutton.setBackgroundResource(R.drawable.playicon);
    }
});

【讨论】：