Different Ways to Add Image to Toast in Android - GeeksforGeeks

07 Mar, 2021
A Toast is a feedback message. It takes very little space for displaying while the overall activity is interactive and visible to the user. It disappears after a few seconds. It disappears automatically. If the user wants a permanently visible message, a Notification can be used. Another type of Toast is custom Toast, in which images can be used instead of a simple message. So in this article, we are going to discuss three different ways to Add Images to Toast on Android. Note that we are going to implement this project using the Java language. 
Step 1: Working with the activity_main.xml file
Navigate to the app > res > layout > activity_main.xml and add the below code to that file. Below is the code for the activity_main.xml file. We will create a simple TextView inside the activity_main.xml file.  
XML
<?xml version="1.0" encoding="utf-8"?><LinearLayout    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:gravity="center"    android:orientation="vertical"    tools:context=".MainActivity">          <TextView        android:id="@+id/show"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_marginTop="10dp"        android:text="Show image in Toast"        android:textSize="22sp"        android:textStyle="bold" />  </LinearLayout>
Step 2: Working with the MainActivity.java file
Go to the MainActivity.java file and refer to the following code. Below is the code for the MainActivity.java file. Comments are added inside the code to understand the code in more detail.
Java
import android.os.Bundle;import android.view.View;import android.widget.ImageView;import android.widget.TextView;import android.widget.Toast;  import androidx.appcompat.app.AppCompatActivity;  public class MainActivity extends AppCompatActivity {      TextView show;      @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        show = findViewById(R.id.show);                  // on click on show text images toast will be shown        show.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                                  // Initialising Toast                Toast toast = new Toast(getApplicationContext());                ImageView view = new ImageView(getApplicationContext());                                  // set image resource to be shown                view.setImageResource(R.drawable.screenshot);                                  // setting view to toast                toast.setView(view);                                  // showing toast                toast.show();            }        });    }}
Output:
Step 1: Working with the activity_main.xml file
The activity_main.xml file will be the same.
Step 2: Create a new toast_image_layout.xml file 
Go to the app > res > layout > right-click > New > Layout Resource File and name the file as toast_image_layout. Below is the code for the toast_image_layout.xml file. 
XML
<?xml version="1.0" encoding="utf-8"?><RelativeLayout     xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/relativeLayout1"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:background="@android:color/white">      <TextView        android:id="@+id/textView1"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:gravity="center"        android:text="Toast Notification Type"        android:textAppearance="?android:attr/textAppearanceLarge"        android:textColor="@android:color/black"></TextView>      <ImageView        android:id="@+id/imageView1"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:layout_below="@+id/textView1"        android:layout_margin="5dip"        android:src="@drawable/gfgimage"></ImageView>  </RelativeLayout>
Step 3: Working with the MainActivity.java file
Go to the MainActivity.java file and refer to the following code. Below is the code for the MainActivity.java file. Comments are added inside the code to understand the code in more detail.
Java
import android.os.Bundle;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.TextView;import android.widget.Toast;  import androidx.appcompat.app.AppCompatActivity;  public class MainActivity extends AppCompatActivity {      TextView show;      @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        show = findViewById(R.id.show);        show.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                LayoutInflater inflater = getLayoutInflater();                                  // inflate layout file in Layout Inflater                View view = inflater.inflate(R.layout.toast_image_layout,                         (ViewGroup) findViewById(R.id.relativeLayout1));                Toast toast = new Toast(getApplicationContext());                                  // add view of toast to                // toast_image_layout file                toast.setView(view);                                  // show toast                toast.show();            }        });    }}
Output:
Step 1: Working with the activity_main.xml file
The activity_main.xml file will be the same.
Step 2: Working with the MainActivity.java file
Go to the MainActivity.java file and refer to the following code. Below is the code for the MainActivity.java file. Comments are added inside the code to understand the code in more detail.
Java
import android.os.Bundle;import android.view.Gravity;import android.view.View;import android.widget.EditText;import android.widget.ImageView;import android.widget.LinearLayout;import android.widget.TextView;import android.widget.Toast;  import androidx.appcompat.app.AppCompatActivity;  public class MainActivity extends AppCompatActivity {      EditText msg;    TextView show;    ImageView image;      @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);                  show = findViewById(R.id.show);                  show.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                LinearLayout linearLayout = new LinearLayout(getApplicationContext());                                  // populate layout with your image and text                // or whatever you want to put in here                ImageView imageView = new ImageView(getApplicationContext());                                  // adding image to be shown                 imageView.setImageResource(R.drawable.geeks);                                  // adding image to linearlayout                linearLayout.addView(imageView);                Toast toast = new Toast(getApplicationContext());                                  // showing toast on bottom                toast.setGravity(Gravity.BOTTOM, 0, 0);                toast.setDuration(Toast.LENGTH_LONG);                                  // setting view of toast to linear layout                toast.setView(linearLayout);                toast.show();            }        });    }}
Output:
Android
Java
Java
Android
Writing code in comment?
Please use ide.geeksforgeeks.org,
generate link and share the link here.
Comments
Old Comments
Flutter - Custom Bottom Navigation Bar
How to Read Data from SQLite Database in Android?
How to Post Data to API using Retrofit in Android?
Android Listview in Java with Example
Retrofit with Kotlin Coroutine in Android
Arrays in Java
Split() String method in Java with examples
For-each loop in Java
Reverse a string in Java
Arrays.sort() in Java with examples