androidimagebuttonandroid-imagebutton

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>

Solution

  • 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;
            }
        }
    }