Custom toast on Android a simple example

Question

I m new to Android programming  What is a simple example showing a custom toast notification on Android

User · Answer

It is very simple to create our own custom Toast.

Just follow the below steps.

Step-1

Create the custom layout that you want to

<?xml version="1.0" encoding="utf-8"?>
<androidx.cardview.widget.CardView 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="wrap_content"
    android:layout_height="wrap_content"
    android:backgroundTint="@color/black"
    android:orientation="vertical"
    android:padding="@dimen/size_10dp"
    app:cardCornerRadius="@dimen/size_8dp"
    app:cardElevation="@dimen/size_8dp">

    <TextView
        android:id="@+id/txt_message"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="@dimen/size_12dp"
        android:textAlignment="center"
        android:textColor="@color/white"
        android:textSize="@dimen/text_size_16sp"
        tools:text="Hello Test!!" />

</androidx.cardview.widget.CardView>

Step-2

Now create the custom class that extends with Toast.

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.TextView;
import android.widget.Toast;

import com.shop.shoppinggare.R;

import org.apache.commons.lang3.StringUtils;
import org.w3c.dom.Text;

public class CustomToast extends Toast {
    private Context context;
    private String message;

    public CustomToast(Context context, String message) {
        super(context);
        this.context = context;
        this.message = message;
        View view = LayoutInflater.from(context).inflate(R.layout.toast_custom, null);
        TextView txtMsg = view.findViewById(R.id.txt_message);
        txtMsg.setText(StringUtils.capitalize(message));
        setView(view);
        setDuration(Toast.LENGTH_LONG);

    }


}

We have created the custom toast.

Step-3

Now, finally, how can we use it.

new CustomToast(contex,"message").show();

Enjoy!!

User · Answer

Custom layout for toast  custom toast xml    lt LinearLayout     xmlns android  http   schemas android com apk res android      android orientation  vertical  android layout width  match parent      android layout height  match parent  gt       lt TextView         android layout width  match parent          android layout height  wrap content          android text  Custom Toast          android gravity  center          android id    id custom toast text          android typeface  serif          android textStyle  bold            gt   lt  LinearLayout gt    And the Java method  just pass toast message to this method    public void toast String message        Toast toast   new Toast context       View view   LayoutInflater from context  inflate R layout image custom  null       TextView textView    TextView  view findViewById R id custom toast text       textView setText message       toast setView view       toast setGravity Gravity BOTTOM Gravity CENTER  0  0       toast setDuration Toast LENGTH LONG       toast show

User · Answer

Code for MainActivity java file   package com android examples com toastbackgroundcolorchange   import android app Activity  import android os Bundle  import android view View  import android widget Button  import android widget Toast  public class MainActivity extends Activity     Button BT    Override  protected void onCreate Bundle savedInstanceState     super onCreate savedInstanceState    setContentView R layout activity main     BT    Button findViewById R id button1    BT setOnClickListener new View OnClickListener        Override  public void onClick View v      Toast ToastMessage   Toast makeText getApplicationContext    Change Toast Background color  Toast LENGTH SHORT    View toastView   ToastMessage getView     toastView setBackgroundResource R layout toast background color    ToastMessage show                    Code for activity main xml layout file    lt 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  com android examples com toastbackgroundcolorchange MainActivity   gt     lt Button  android id    id button1   android layout width  wrap content   android layout height  wrap content   android layout centerHorizontal  true   android layout centerVertical  true   android text  CLICK HERE TO SHOW TOAST MESSAGE WITH DIFFERENT BACKGROUND COLOR INCLUDING BORDER    gt    lt  RelativeLayout gt    Code for toast background color xml layout file created in res- layout folder    lt  xml version  1 0  encoding  utf-8   gt   lt shape xmlns android  http   schemas android com apk res android   gt     lt stroke     android width  3dp      android color   ffffff   gt  lt  stroke gt   lt padding android left  20dp  android top  20dp      android right  20dp  android bottom  20dp    gt   lt corners android radius  10dp    gt   lt gradient android startColor   ff000f      android endColor   ff0000      android angle  -90   gt    lt  shape gt

User · Answer

I think most of customtoast xml-examples throughout the Internet are based on the same source   The Android documentation  which is very outdated in my opinion  fill parent should not be used any more  I prefer using wrap content in combination with a xml 9 png  That way you can define the minimum size of toastbackground throughout the size of the provided source   If more complex toasts are required  frame or relative layout should be used instead of LL   toast xml   lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout xmlns android  http   schemas android com apk res android      android id    id points layout      android orientation  horizontal      android layout width  wrap content      android layout height  wrap content      android background   drawable background      android layout gravity  center      android gravity  center   gt     lt TextView     android id    id points text      android layout width  wrap content      android layout height  wrap content      android layout gravity  center      android gravity  center      android layout margin  15dp      android text    string points text      android textColor   color Green    gt    lt  LinearLayout gt    background xml   lt  xml version  1 0  encoding  utf-8   gt   lt nine-patch    xmlns android  http   schemas android com apk res android     android src   drawable background 96     android dither  true   gt    background 96 is background 96 9 png   This is not tested very well  and hints are appreciated

User · Answer

This is what I used  AllMethodsInOne java  public static Toast displayCustomToast FragmentActivity mAct  String toastText  String toastLength  String succTypeColor         final Toast toast       if  toastLength equals  short              toast   Toast makeText mAct  toastText  Toast LENGTH SHORT         else           toast   Toast makeText mAct  toastText  Toast LENGTH LONG              View tView   toast getView        tView setBackgroundColor Color parseColor   053a4d         TextView mText    TextView  tView findViewById android R id message        mText setTypeface applyFont mAct        mText setShadowLayer 0  0  0  0        tView setOnClickListener new View OnClickListener               Override         public void onClick View v                toast cancel                          tView invalidate        if  succTypeColor equals  red              mText setTextColor Color parseColor   debe33             tView setBackground mAct getResources   getDrawable R drawable toast rounded red               this is to show error message           if  succTypeColor equals  green              mText setTextColor Color parseColor   053a4d             tView setBackground mAct getResources   getDrawable R drawable toast rounded green               this is to show success message             return toast      YourFile java  While calling just write below   AllMethodsInOne displayCustomToast act   This is custom toast    long    red   show

User · Answer

A toast is for showing messages for short intervals of time  So  as per my understanding  you would like to customize it with adding an image to it and changing size  color of the message text  If that is all  you want to do  then there is no need to make a separate layout and inflate it to the Toast instance   The default Toast s view contains a TextView for showing messages on it  So  if we have the resource id reference of that TextView  we can play with it  So below is what can you do to achieve this   Toast toast   Toast makeText this   I am custom Toast    Toast LENGTH LONG   View toastView   toast getView       This ll return the default View of the Toast      And now you can get the TextView of the default View of the Toast     TextView toastMessage    TextView  toastView findViewById android R id message   toastMessage setTextSize 25   toastMessage setTextColor Color RED   toastMessage setCompoundDrawablesWithIntrinsicBounds R mipmap ic fly  0  0  0   toastMessage setGravity Gravity CENTER   toastMessage setCompoundDrawablePadding 16   toastView setBackgroundColor Color CYAN   toast show      In above code you can see  you can add image to TextView via setCompoundDrawablesWithIntrinsicBounds int left  int top  int right  int bottom  whichever position relative to TextView you want to   Update   Have written a builder class to simplify the above purpose  Here is the link  https   gist github com TheLittleNaruto 6fc8f6a2b0d0583a240bd78313ba83bc    Check the HowToUse kt in above link    Output

User · Answer

A custom toast class where you can show custom or default toast as desired    public class ToastMessage       private Context context      private static ToastMessage instance                   param context             private ToastMessage Context context            this context   context                         param context         return             public synchronized static ToastMessage getInstance Context context            if  instance    null                instance   new ToastMessage context                     return instance                         param message             public void showLongMessage String message            Toast makeText context  message  Toast LENGTH SHORT  show                           param message             public void showSmallMessage String message            Toast makeText context  message  Toast LENGTH LONG  show                          The Toast displayed via this method will display it for short period of time                param message             public void showLongCustomToast String message            LayoutInflater inflater     Activity  context  getLayoutInflater            View layout   inflater inflate R layout layout custom toast   ViewGroup    Activity  context  findViewById R id ll toast            TextView msgTv    TextView  layout findViewById R id tv msg           msgTv setText message           Toast toast   new Toast context           toast setGravity Gravity FILL HORIZONTAL   Gravity BOTTOM  0  0           toast setDuration Toast LENGTH LONG           toast setView layout           toast show                            The toast displayed by this class will display it for long period of time                param message             public void showSmallCustomToast String message             LayoutInflater inflater     Activity  context  getLayoutInflater            View layout   inflater inflate R layout layout custom toast   ViewGroup    Activity  context  findViewById R id ll toast            TextView msgTv    TextView  layout findViewById R id tv msg           msgTv setText message           Toast toast   new Toast context           toast setGravity Gravity FILL HORIZONTAL   Gravity BOTTOM  0  0           toast setDuration Toast LENGTH SHORT           toast setView layout           toast show

User · Answer

Use the below code of a custom Toast  It may help you   toast xml   lt LinearLayout xmlns android  http   schemas android com apk res android      android id    id toast layout root      android orientation  horizontal      android layout width  match parent      android layout height  match parent      android padding  10dp      android background   DAAA   gt        lt ImageView android id    id image          android layout width  wrap content          android layout height  match parent          android layout marginRight  10dp    gt        lt TextView android id    id text          android layout width  wrap content          android layout height  match parent          android textColor   FFF    gt    lt  LinearLayout gt    MainActivity java  LayoutInflater inflater   getLayoutInflater    View layout   inflater inflate R layout toast layout                                  ViewGroup  findViewById R id toast layout root     ImageView image    ImageView  layout findViewById R id image   image setImageResource R drawable android   TextView text    TextView  layout findViewById R id text   text setText  Hello  This is a custom toast      Toast toast   new Toast getApplicationContext     toast setGravity Gravity CENTER VERTICAL  0  0   toast setDuration Toast LENGTH LONG   toast setView layout   toast show      And check out the below links also for a custom Toast   Custom Toast with Analog Clock  YouTube  Creating Custom Toast With Button in Android Studio

User · Answer

To avoid problems with layout   params not being properly used  you need to make sure that when you inflate your custom layout that you specify a correct ViewGroup as a parent   Many examples pass null here  but instead you can pass the existing Toast ViewGroup as your parent   val toast   Toast makeText this      Toast LENGTH LONG  val layout   LayoutInflater from this  inflate R layout view custom toast  toast view parent as  ViewGroup   toast view   layout toast show     Here we replace the existing Toast view with our custom view  Once you have a reference to your layout  layout  you can then update any images text views that it may contain    This solution also prevents any  View not attached to window manager  crashes from using null as a parent   Also  avoid using ConstraintLayout as your custom layout root  this seems to not work when used inside a Toast

User · Answer

See link here  You find your solution  And try   Creating a Custom Toast View  If a simple text message isn t enough  you can create a customized layout for your toast notification  To create a custom layout  define a View layout  in XML or in your application code  and pass the root View object to the setView  View  method   For example  you can create the layout for the toast visible in the screenshot to the right with the following XML  saved as toast layout xml     lt LinearLayout xmlns android  http   schemas android com apk res android              android id    id toast layout root              android orientation  horizontal              android layout width  fill parent              android layout height  fill parent              android padding  10dp              android background   DAAA   gt        lt ImageView android id    id image                 android layout width  wrap content                 android layout height  fill parent                 android layout marginRight  10dp        gt        lt TextView android id    id text                android layout width  wrap content                android layout height  fill parent                android textColor   FFF        gt   lt  LinearLayout gt    Notice that the ID of the LinearLayout element is  toast layout   You must use this ID to inflate the layout from the XML  as shown here    LayoutInflater inflater   getLayoutInflater     View layout   inflater inflate R layout toast layout                                   ViewGroup  findViewById R id toast layout root      ImageView image    ImageView  layout findViewById R id image    image setImageResource R drawable android    TextView text    TextView  layout findViewById R id text    text setText  Hello  This is a custom toast       Toast toast   new Toast getApplicationContext      toast setGravity Gravity CENTER VERTICAL  0  0    toast setDuration Toast LENGTH LONG    toast setView layout    toast show      First  retrieve the LayoutInflater with getLayoutInflater    or getSystemService     and then inflate the layout from XML using inflate int  ViewGroup   The first parameter is the layout resource ID and the second is the root View  You can use this inflated layout to find more View objects in the layout  so now capture and define the content for the ImageView and TextView elements  Finally  create a new Toast with Toast Context  and set some properties of the toast  such as the gravity and duration  Then call setView View  and pass it the inflated layout  You can now display the toast with your custom layout by calling show     Note  Do not use the public constructor for a Toast unless you are going to define the layout with setView View   If you do not have a custom layout to use  you must use makeText Context  int  int  to create the Toast

User · Answer

Simple Way to Customize the Toast   private void MsgDisplay String Msg  int Size  int Grav       Toast toast   Toast makeText this  Msg  Toast LENGTH LONG       TextView v    TextView  toast getView   findViewById android R id message       v setTextColor Color rgb 241  196  15        v setTextSize Size       v setGravity Gravity CENTER       v setShadowLayer 1 5f  -1  1  Color BLACK       if Grav    1           toast setGravity Gravity BOTTOM  0  120        else          toast setGravity Gravity BOTTOM  0  10             toast show

User · Answer

Using this library named Toasty I think you have enough flexibility to make a customized toast by the following approach - Toasty custom yourContext   quot I m a custom Toast quot   yourIconDrawable  tintColor  duration  withIcon   shouldTint  show     You can also pass formatted text to Toasty and here is the code snippet

User · Answer

You can download code here   Step 1    lt  xml version  1 0  encoding  utf-8   gt   lt 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  gt        lt Button         android id    id btnCustomToast          android layout width  wrap content          android layout height  wrap content          android text  Show Custom Toast    gt     lt  RelativeLayout gt    Step 2    lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout xmlns android  http   schemas android com apk res android      android orientation  horizontal      android gravity  center      android layout width  match parent      android layout height  wrap content  gt            lt ImageView             android id    id custom toast image              android layout width  wrap content              android layout height  wrap content              android src   mipmap ic launcher   gt            lt TextView             android id    id custom toast message              android layout width  wrap content              android layout height  wrap content              android text  My custom Toast Example Text    gt    lt  LinearLayout gt    Step 3   import android support v7 app AppCompatActivity  import android os Bundle  import android view Gravity  import android view LayoutInflater  import android view View  import android view ViewGroup  import android widget Button  import android widget Toast   public class MainActivity extends AppCompatActivity         private Button btnCustomToast        Override     protected void onCreate Bundle savedInstanceState            super onCreate savedInstanceState           setContentView R layout activity main           btnCustomToast   Button  findViewById R id btnCustomToast           btnCustomToast setOnClickListener new View OnClickListener                  Override             public void onClick View v                        Find custom toast example layout file                 View layoutValue   LayoutInflater from MainActivity this  inflate R layout android custom toast example  null                      Creating the Toast object                 Toast toast   new Toast getApplicationContext                     toast setDuration Toast LENGTH SHORT                       gravity  xOffset  yOffset                 toast setGravity Gravity CENTER VERTICAL  0  0                   toast setView layoutValue    setting the view of custom toast layout                 toast show

User · Answer

val inflater   layoutInflater val container  ViewGroup   findViewById R id custom toast container  val layout  ViewGroup   inflater inflate R layout custom toast  container  val text  TextView   layout findViewById R id text  text text    This is a custom toast  with  Toast applicationContext         setGravity Gravity CENTER VERTICAL  0  0      duration   Toast LENGTH LONG     view   layout     show       lt LinearLayout xmlns android  http   schemas android com apk res android                android id    id custom toast container                android orientation  horizontal                android layout width  fill parent                android layout height  fill parent                android padding  8dp                android background   DAAA                 gt       lt ImageView android src   drawable droid                 android layout width  wrap content                 android layout height  wrap content                 android layout marginRight  8dp                   gt       lt TextView android id    id text                android layout width  wrap content                android layout height  wrap content                android textColor   FFF                  gt   lt  LinearLayout gt    Reference   https   developer android com guide topics ui notifiers toasts

User · Answer

Heads Up  Updates to toasts in Android 11  Custom toasts from the background are blocked  Android 11 protects users by deprecating custom toast views  For security reasons and to maintain a good user experience  the system blocks toasts that contain custom views if those toasts are sent from the background by an app that targets Android 11   addCallback   method added in Android R If you want to be notified when a toast  text or custom  appears or disappears  The most important text in toast API changes that for apps that target Android 11 the getView   method returns null when you access it  So  ensure to protect your apps from FATAL EXCEPTION  you know what I mean    Use snackbars instead if applicable   It s recommended that you use snackbars instead where possible  If your app s use case prevents you from using snackbars  such as when you need to send the user a message while your app is in the background  you can still use text toasts because they aren t restricted by the new behavior change   See the official docs for more details on the topic

User · Answer

STEP 1   First create a layout for a custom toast in res layout custom toast xml    lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout xmlns android  http   schemas android com apk res android      android id    id custom toast layout id      android layout width  fill parent      android layout height  fill parent      android background   FFF      android orientation  horizontal      android padding  5dp   gt        lt TextView         android id    id text          android layout width  wrap content          android layout height  fill parent          android textColor   000    gt    lt  LinearLayout gt    STEP 2  In the Activity code  get the above custom view and attach to Toast      Get your custom toast xml ayout LayoutInflater inflater   getLayoutInflater     View layout   inflater inflate R layout custom toast   ViewGroup  findViewById R id custom toast layout id        set a message TextView text    TextView  layout findViewById R id text   text setText  Button is clicked         Toast    Toast toast   new Toast getApplicationContext     toast setGravity Gravity CENTER VERTICAL  0  0   toast setDuration Toast LENGTH LONG   toast setView layout   toast show      For more help see how we Create custom Toast in Android   http   developer android com guide topics ui notifiers toasts html

User · Answer

For all Kotlin Users  You can create an Extension like following   fun FragmentActivity showCustomToast message   String color   Int     val toastView   findViewById lt TextView gt  R id toast view   toastView text   message  toastView visibility   View VISIBLE  toastView setBackgroundColor color       create a daemon thread  val timer   Timer  schedule   true       schedule a single event  timer schedule 2000        runOnUiThread   toastView visibility   View GONE

[android] Custom toast on Android: a simple example

Examples related to android

Examples related to toast