Toggle button visibility in android activity

Question

I have an activity with two play and pause buttons (currently invisible) and a seekbar. When I press the play button, the pause button should become visible, and when I press the pause button it should turn invisible.

How would I do that?

import android.media.MediaPlayer;
import android.os.Bundle;
import android.app.Activity;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.SeekBar;
import android.widget.SeekBar.OnSeekBarChangeListener;


    public class MainActivity extends Activity implements Runnable, OnClickListener, OnSeekBarChangeListener{
        private SeekBar seekBar;
        private Button startMedia;
        private Button pauseMedia;
        private MediaPlayer mp;

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

            AudioControl();         

        }

        public void AudioControl(){
            seekBar = (SeekBar) findViewById(R.id.seekBar1);
            startMedia = (Button) findViewById(R.id.button1);
            pauseMedia = (Button) findViewById(R.id.button2);
            seekBar.setOnSeekBarChangeListener(this);
            startMedia.setOnClickListener(this);
            pauseMedia.setOnClickListener(this); 
        }



        public void run() {
            int currentPosition= 0;
            int total = mp.getDuration();
            while (mp!=null && currentPosition<total) {
                try {
                    Thread.sleep(1000);
                    currentPosition= mp.getCurrentPosition();
                } catch (InterruptedException e) {
                    return;
                } catch (Exception e) {
                    return;
                }            
                seekBar.setProgress(currentPosition);
            }
        }

        public void onClick(View v) {
            if (v.equals(startMedia)) {
                if (mp != null && mp.isPlaying()) return;
                if(seekBar.getProgress() > 0) {
                    mp.start();
                    return;
                }
                mp = MediaPlayer.create(MainActivity.this, R.raw.lone);
                mp.start();                     
                seekBar.setProgress(0);
                seekBar.setMax(mp.getDuration());
                new Thread(this).start();
            }

            if (v.equals(pauseMedia) && mp!=null) {
                mp.pause();
            }       

        }

        public void onStartTrackingTouch(SeekBar seekBar) {
        }

        public void onStopTrackingTouch(SeekBar seekBar) {
        }

        public void onProgressChanged(SeekBar seekBar, int progress,
                boolean fromUser) {
            if(fromUser) mp.seekTo(progress);

        }
    }

I don't know where should I put blow code. please help me!

score 24 · Answer 1 · answered May 15 '15 at 19:12

24

I Use for any view:

 public void toggleView(View view){
 if(view.getVisibility()==View.GONE)
   view.setVisibility(View.VISIBLE);
 else if(view.getVisibility()==View.VISIBLE)
   view.setVisibility(View.GONE);
  }

answered May 15 '15 at 19:12

Fabio Guerra

722
6
13

score 6 · Answer 2 · edited Feb 02 '18 at 15:42

6

startMedia = (Button) findViewById(R.id.button1);
pauseMedia = (Button) findViewById(R.id.button2);

//Onclick Event ...

//Logic
if (flag === 'start') {
startMedia.setVisibility(View.VISIBLE);
pauseMedia .setVisibility(View.INVISIBLE);
} else {
startMedia.setVisibility(View.INVISIBLE);
pauseMedia .setVisibility(View.VISIBLE);
}

GONE will make the layout manager ignore the dimensions of the widget. INVISIBLE will make it so the widget is not visible, but the layout manager will still treat it as if it is there.

If you are familiar with CSS,

setVisibility(View.INVISIBLE) is like CSS opacity: 0
setVisibility(View.GONE) is like CSS display: none
setVisibility(View.VISIBLE) is like CSS display: block

edited Feb 02 '18 at 15:42

Dehodson

449
4
14

answered Jul 12 '13 at 21:14

d.danailov

9,594
4
51
36

1

To clarify, GONE will make the layout manager ignore the dimensions of the widget, so there's no blank space. In comparison, INVISIBLE will make the layout manager take the widget into account, so you'll see a blank space where the widget used to be. – Joe Malin Jul 12 '13 at 23:27
In public void onClick(View v) – d.danailov Jul 14 '13 at 07:42
1

The CSS analogy is great. Thanks – Bikram Kumar Apr 01 '22 at 09:06

score 2 · Answer 3 · answered Oct 29 '18 at 12:42

2

Use this Simple Logic to Toggle Visibility...

 if (rvLocation.getVisibility()==View.VISIBLE)
        rvLocation.setVisibility(View.GONE);
 else
        rvLocation.setVisibility(View.VISIBLE);

answered Oct 29 '18 at 12:42

Abhishek Sengupta

2,938
1
28
35

score 0 · Answer 4 · answered Jul 12 '13 at 21:13

0

You can set your pauseMedia's visibility to invisible with the below code:

pauseMedia.setVisibility(View.INVISIBLE);

or to set it as visible:

pauseMedia.setVisiblity(View.VISIBLE);

answered Jul 12 '13 at 21:13

KevinM

1,799
4
28
58

score 0 · Answer 5 · answered Jul 06 '14 at 05:46

Maybe try something like this:

in the context of this function

controls

is the view that was inflated when the class was instantiated

private void toggleControls(){

    //private variable to store whether or not the view is showing
    if(controlsAreShowing){
       if(controls != null) {
           controls.setVisibility(View.INVISIBLE);
           controlsAreShowing = false;
       }
    }else{
        controls.setVisibility(View.VISIBLE);
        controlsAreShowing = true;
    }
}

score 0 · Answer 6 · answered Dec 08 '15 at 13:15

I think following code may work,

play.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            Toast.makeText(getApplicationContext(), "Play", Toast.LENGTH_SHORT).show();
            mediaPlayer.start();
            pause.setEnabled(true);
            play.setEnabled(false);
        }
    });

For disabling pause button,

pause.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            Toast.makeText(getApplicationContext(), "pause", Toast.LENGTH_SHORT).show();
            mediaPlayer.pause();
            pause.setEnabled(false);
            play.setEnabled(true);
        }
    });

I think this code may work for your scenario.

Toggle button visibility in android activity

6 Answers6

Linked

Related