Elevate User Experience: Crafting Custom Toasts in Android Using Java - Step-by-Step Guide

Custom Toast in Android

FOLLOW THESE STEPS

Step 1: res > layout > activity_main.xml

	

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    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:gravity="center"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/btnToast"
        android:backgroundTint="#000000"
        android:text="SHOW TOAST"
        android:minHeight="50dp"
        />

</LinearLayout>

Step 2: res > layout > customtoast.xml

	

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    android:id="@+id/view_contain"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#385765"
    android:gravity="center"
    android:padding="11dp">

    <ImageView
        android:layout_width="34dp"
        android:layout_height="34dp"
        android:src="@drawable/ic_baseline_cloud_done_24"
        android:contentDescription="TODO" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/txtMsg"
        android:text="Custom Message"
        android:textColor="#fff"
        android:textStyle="bold"
        android:layout_marginLeft="11dp"
        android:textSize="20sp"/>

</LinearLayout>
   

Step 3: MainActivity.class

	package com.heycolleagues.customtoast;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    Button btnToast;

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

        btnToast = findViewById(R.id.btnToast);

        btnToast.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {

//                Toast.makeText(getApplicationContext(), "THIS IS CUSTOM TOAST", Toast.LENGTH_LONG).show();


                Toast toast = new Toast(getApplicationContext());
                View v = getLayoutInflater().inflate(R.layout.customtoast, (ViewGroup)findViewById(R.id.view_contain));
                toast.setView(v);
                TextView txtMsg = v.findViewById(R.id.txtMsg);
                txtMsg.setText("Hey Colleagues");
                toast.setDuration(Toast.LENGTH_SHORT);
                toast.show();

            }
        });

//        Toast.makeText(getApplicationContext(), "THIS IS CUSTOM TOAST", Toast.LENGTH_LONG).show();

//        Custom Toast

    }
}