Android Button Introduction

Question

Oclemy

Nairobi, Kenya

View Profile

Oclemy

Shared a concept on: March 28, 20192019-03-28T11:09:11+00:00 2019-03-28T11:09:11+00:00

Android Button Introduction

Android Button Tutorial and Examples.

A Button is a special type of TextView that has push capabilities like being pressed or clicked to perform an action.

Buttons have been available since API level 1.

Uses of a Button

Buttons are used in almost all type of applications with GUI components.

No.	Use
1.	Provide ability for users to initiate any type of action.

Programmatic Characteristics of a Button

A button is a class like any other class:
```
public class Button..{}
```
A button is a widget:
```
package android.widget;
```

A button is a TextView.

public class Button extends TextView {...}

Creating a Button

There are two general ways of creating a button in android.

Imperatively via java code.
Declaratively via XML code.

Imperativey

The Button class provides us 4 public constructors to programmatically create a button:

No.	Constructor
1.	`Button(Context context)`
2.	`Button(Context context, AttributeSet attrs)`
3.	`Button(Context context, AttributeSet attrs, int defStyleAttr)`
4.	`Button(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes)`

######## Advantages of Imperative Way	No.	Advantage
1.	Imperative creation of buttons allows us to use Java language so we have everything under one roof.
2.	You can easily create buttons at runtime depending on various conditions.

Example:

Button myButton=new Button(MainActivity.this);

Declaratively

Buttons can also be created declaratively via XML. This is the most commonly used as it’s very flexible.

######## Advantages of Declarative Way	No.	Advantage
1.	Declarative creation of buttons allows us to use a declarative language XML which makes it quite easy
2.	It’s easily maintanable as the user interface is decoupled from your Java logic.
3.	It’s easier to share or download code and safely test them before runtime.
4.	You can use XML generated tools to generate XML

Here’s an example:

    <Button
        android_id="@+id/myButton"
        android_text="Start"
        android_layout_width="wrap_content"
        android_layout_height="wrap_content"
        />

Example

Here’s a simple button example that when clicked shows a Toast message.

public class MainActivity extends Activity {

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

        final Button showToastBtn=findViewById(R.id.showToastBtn);
        showToastBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Toast.makeText(MainActivity.this,"IC1011 is the largest Galaxy ever discovered",Toast.LENGTH_SHORT).show();
            }
        });
        }

And here’s the button xml code that you can add in a layout:

<Button
        android_id="@+id/showToastBtn"
        android_text="Show Toast"
        android_layout_width="wrap_content"
        android_layout_height="wrap_content"
 />

Children and Grandchildren of Button

Buttons have direct and indirect subclasses:

Button Children

Here are the direct subclasses:

No.	Class	Description
1.	AppCompatButton	A Button with compatible features on older versions of Android.
2.	CompoundButton	A CompoundButton is a button with two states: checked and unchecked.

Button Grandchildren

Here are the indirect subclasses of the Button class:

No.	Class	Description
1.	CheckBox	A type of CompoundButton that can be checked and unchecked.
2.	AppCompatCheckBox	A CheckBox supporting compatible features on older version of Android.
3.	RadioButton	A type of CompoundButton that can be either be checked or unchecked. But unlike a CheckBox once a radiobutton is checked user cannot uncheck it.
4.	ToggleButton	A type of CompoundButton that renders the checked or unchecked states with a “light” indicator that can be toggled “ON” or “OFF”.
5.	Switch	A type of CompoundButton allows us swicth between two options.
6.	SwitchCompat	A Switch button that supports devices as old as API v7.

Best Regards.

1 Example

Share an Example

Share an Example
Cancel reply

Oclemy · Answer 1 · 2020-09-13T03:26:57+00:00

How to Easily Create Rounded Buttons with Ripple effect

You can easily create rounded beautiful buttons with ripple effect using the RoundedButtons library.

Step 1

First go to your root level build.gradle and register jitpack as a repository:

repositories {
    maven { url 'https://jitpack.io' }
}

Then in app level build.gradle install the library:

dependencies {
    implementation 'com.github.sabujak-sabujak:RoundedButton:v0.1.1'
}

Step 2

Then you can now use add your round button using the following layout anywhere you want:

<life.sabujak.roundedbutton.RoundedButton
    android:id="@+id/roundedButton"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="24dp"
    android:gravity="center"
    android:padding="24dp"
    android:textSize="20dp"
    android:text="Button"
    android:textColor="#ffffff"
    app:buttonGradientStartColor="@color/colorPrimary"
    app:buttonGradientEndColor="@color/colorAccent"
    app:buttonCornerRadius="20dp"
     />

Full Example

Lets look at a full round button example using Kotlin:

(a). activity_main.xml

Add the round button to the layout:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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=".MainActivity">

    <life.sabujak.roundedbutton.RoundedButton
        android:id="@+id/roundedButton"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="24dp"
        android:gravity="center"
        android:padding="24dp"
        android:textSize="20dp"
        android:text="Button"
        android:textColor="#ffffff"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:buttonGradientStartColor="@color/colorPrimary"
        app:buttonGradientEndColor="@color/colorAccent"
        app:buttonCornerRadius="20dp"
         />

</android.support.constraint.ConstraintLayout>

(b). MainActivity.kt

There is really no code to write:

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
    }
}

Oclemy

Android Button Introduction

Uses of a Button

Programmatic Characteristics of a Button

Creating a Button

Imperativey

Declaratively

Example

Children and Grandchildren of Button

Button Children

Button Grandchildren

1 Example

Oclemy

How to Easily Create Rounded Buttons with Ripple effect

Step 1

Step 2

Full Example

(a). activity_main.xml

(b). MainActivity.kt

Run

Download

Share an Example
Cancel reply

Sign Up

Sign In

Forgot Password

Oclemy

Android Button Introduction

Uses of a Button

Programmatic Characteristics of a Button

Creating a Button

Imperativey

Declaratively

Example

Children and Grandchildren of Button

Button Children

Button Grandchildren

1 Example

Oclemy

How to Easily Create Rounded Buttons with Ripple effect

Step 1

Step 2

Full Example

(a). activity_main.xml

(b). MainActivity.kt

Run

Download

Share an ExampleCancel reply

Share an Example
Cancel reply