Set Visibility on Buttons in Android

Introduction

This article shows how to set visibility on buttons in Android.

Procedure

Start the Eclipse IDE.
Create a new project.
Create a MainActivity.java file.
Create an XML file with three buttons.
In the onClick function set the visibility of buttons using the setVisibility function.

For example

public void onClick(View v) {
b1.setVisibility(v.INVISIBLE);
b2.setVisibility(v.VISIBLE);
}

The following is the code.

MainActivity.java

package com.example.visibilityyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy;
import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.Toast;
public class MainActivity extends Activity {
Button b1,b2,b3;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
b1=(Button)findViewById(R.id.button1);
b2=(Button)findViewById(R.id.button2);
b3=(Button)findViewById(R.id.button3);
b1.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
// TODO Auto-generated method stub
b1.setVisibility(v.INVISIBLE);
b2.setVisibility(v.VISIBLE);
Toast.makeText(getApplicationContext(), "Button2 is visible",Toast.LENGTH_LONG).show();
}
});
b2.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
// TODO Auto-generated method stub
b2.setVisibility(v.INVISIBLE);
b3.setVisibility(v.VISIBLE);
Toast.makeText(getApplicationContext(), "Button3 is visible ", Toast.LENGTH_LONG).show();
}
});
b3.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
b3.setVisibility(v.INVISIBLE);
b1.setVisibility(v.VISIBLE);
Toast.makeText(getApplicationContext(), "Button1 is visible", Toast.LENGTH_LONG).show();
// TODO Auto-generated method stub
}
});
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
}

activity_main.xml

<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Abhijeet's game of visibility" />
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="@+id/textView1"
android:layout_marginLeft="14dp"
android:visibility="visible"
android:layout_toRightOf="@+id/textView1"
android:text="Button1" />
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignRight="@+id/button1"
android:layout_below="@+id/button1"
android:visibility="gone"
android:layout_marginRight="40dp"
android:text="Button2" />
<Button
android:id="@+id/button3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignRight="@+id/button2"
android:layout_below="@+id/button2"
android:visibility="gone"
android:layout_marginRight="15dp"
android:layout_marginTop="26dp"
android:text="Button3" />
</RelativeLayout>

Output

When clicking on Button1:

When clicking on Button2:

When clicking on Button3: