Luka Perazic Luka Perazic - 2 months ago 12
Android Question

Android change play/pause button icon when clicked

Honestly, I do not know why, but any solution for same problem I have as already on stackoverflow is not working for me
I am trying to have play/pause buttons switched when clicked, when playing my stream for my radio station.

I do not know what I am doing wrong.

Currently it is separate, because many of my attempts failed.

main.xml (many call it activity main)

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="@drawable/bg"
android:weightSum="1">

<ImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:src="@drawable/logo"
android:id="@+id/imageView4" />

<Button
android:id="@+id/play"
android:layout_margin="10dip"
android:background="@drawable/play"
android:layout_width="50dp"
android:layout_height="50dp" />

<Button
android:id="@+id/stop"
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_margin="10dip"
android:background="@drawable/pause" />

</LinearLayout>


MusicAndroidActivity.java

package clever.radio;

import java.io.IOException;

import android.app.Activity;
import android.graphics.BitmapFactory;
import android.media.AudioManager;
import android.media.MediaPlayer;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.WebView;
import android.widget.Button;
import android.widget.Toast;

import static android.R.attr.id;

public class MusicAndroidActivity extends Activity {

static MediaPlayer mPlayer;
Button buttonPlay;
Button buttonStop;
String url = "http://radioclever.stream:8000/stream";
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

buttonPlay = (Button) findViewById(R.id.play);
buttonPlay.setOnClickListener(new OnClickListener() {

public void onClick(View v) {
mPlayer = new MediaPlayer();
mPlayer.setAudioStreamType(AudioManager.STREAM_MUSIC);
try {
mPlayer.setDataSource(url);
} catch (IllegalArgumentException e) {
Toast.makeText(getApplicationContext(), "You might not set the URI correctly!", Toast.LENGTH_LONG).show();
} catch (SecurityException e) {
Toast.makeText(getApplicationContext(), "You might not set the URI correctly!", Toast.LENGTH_LONG).show();
} catch (IllegalStateException e) {
Toast.makeText(getApplicationContext(), "You might not set the URI correctly!", Toast.LENGTH_LONG).show();
} catch (IOException e) {
e.printStackTrace();
}
try {
mPlayer.prepare();
} catch (IllegalStateException e) {
Toast.makeText(getApplicationContext(), "You might not set the URI correctly!", Toast.LENGTH_LONG).show();
} catch (IOException e) {
Toast.makeText(getApplicationContext(), "You might not set the URI correctly!", Toast.LENGTH_LONG).show();
}
mPlayer.start();
}
});

buttonStop = (Button) findViewById(R.id.stop);
buttonStop.setOnClickListener(new OnClickListener() {

public void onClick(View v) {
// TODO Auto-generated method stub
if(mPlayer!=null && mPlayer.isPlaying()){
mPlayer.stop();
}
}
});
}

protected void onDestroy() {
super.onDestroy();
// TODO Auto-generated method stub
if (mPlayer != null) {
mPlayer.release();
mPlayer = null;
}
}
}


AndroidManifest.xml

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="clever.radio"
android:versionCode="1"
android:versionName="1.1" >

<uses-sdk
android:minSdkVersion="9"
android:targetSdkVersion="15" />

<uses-permission android:name="android.permission.INTERNET" />

<application
android:icon="@drawable/ic_launcher"
android:label="@string/app_name"
android:screenOrientation="portrait"
android:theme="@style/AppTheme" >
<activity
android:name=".MusicAndroidActivity" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />

<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>

</manifest>

Answer

You should replace two buttons by a button. I name it is bt_play_pause. Then, add two images to the Resource folder, they are pause.png and start.png, may be. And take a look on my code. Hope it can help you.

main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="@drawable/bg"
android:weightSum="1">

<ImageView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:src="@drawable/logo"
    android:id="@+id/imageView4" />

<Button
    android:id="@+id/bt_start_pause"
    android:layout_margin="10dip"
    android:background="@drawable/play"
    android:layout_width="50dp"
    android:layout_height="50dp" />

</LinearLayout>

MusicAndroidActivity.java

public class MusicAndroidActivity extends Activity {

    static MediaPlayer mPlayer;
    Button bt_start_pause;
    boolean paused = true;
    String url = "http://radioclever.stream:8000/stream";
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        bt_start_pause= (Button) findViewById(R.id.bt_start_pause);
        bt_start_pause.setImageResource(R.drawable.start); bt_start_pause.setOnClickListener(new OnClickListener() {

            public void onClick(View v) {
                if(paused){
                mPlayer = new MediaPlayer();
                mPlayer.setAudioStreamType(AudioManager.STREAM_MUSIC);
                try {
                    mPlayer.setDataSource(url);
                } catch (IllegalArgumentException e) {
                    Toast.makeText(getApplicationContext(), "You might not set the URI correctly!", Toast.LENGTH_LONG).show();
                } catch (SecurityException e) {
                    Toast.makeText(getApplicationContext(), "You might not set the URI correctly!", Toast.LENGTH_LONG).show();
                } catch (IllegalStateException e) {
                    Toast.makeText(getApplicationContext(), "You might not set the URI correctly!", Toast.LENGTH_LONG).show();
                } catch (IOException e) {
                    e.printStackTrace();
                }
                try {
                    mPlayer.prepare();
                } catch (IllegalStateException e) {
                    Toast.makeText(getApplicationContext(), "You might not set the URI correctly!", Toast.LENGTH_LONG).show();
                } catch (IOException e) {
                    Toast.makeText(getApplicationContext(), "You might not set the URI correctly!", Toast.LENGTH_LONG).show();
                }
                mPlayer.start();
                paused = false;
                bt_start_pause.setImageResource(R.drawable.pause);
                //when MediaPlayer stared, pause button is shown
                }
                else{
                if(mPlayer!=null && mPlayer.isPlaying()){
                    mPlayer.stop();
                    paused = true;
                    bt_start_pause.setImageResource(R.drawable.start);
                   //when MediaPlayer paused, startbutton is shown
                }
                }
            }
        });
    }

    protected void onDestroy() {
        super.onDestroy();
        // TODO Auto-generated method stub
        if (mPlayer != null) {
            mPlayer.release();
            mPlayer = null;
        }
    }
}
Comments