Android kustom Toast

Pustaka Android untuk menampilkan pesan teks, notifikasi, dan peringatan di bagian atas atau bawah layar. Alternatif yang bagus untuk pemberitahuan dan snackbar. Anda dapat membuat toast khusus di Android. Anda juga dapat menampilkan banyak gambar sebagai ucapan selamat atau pesan singkat kekalahan dalam game, Anda dapat mengubah latar belakang dan warna teks pada toast. Ini artinya Anda dapat menyesuaikan toast di proyek android.

Buat file xml dengan nama toast.xml di dalam direktori tata letak. Di sini kita memiliki ImageView dan TextView dalam file xml ini.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:id="@+id/toast_layout"
	android:orientation="horizontal"
	android:background="#FFD9D9D9"
	android:gravity="center_vertical"
	android:paddingRight="10dp"
	android:paddingTop="8dp"
	android:paddingBottom="8dp"
	android:paddingLeft="5dp">

	<ImageView
		android:id="@+id/toast_image"
		android:layout_width="30dp"
		android:layout_height="30dp"
		android:contentDescription="Hello world"
		android:layout_marginRight="8dp"
		android:src="@drawable/ic_launcher"/>

	<TextView
		android:id="@+id/toast_message"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:contentDescription="To"
		android:text="kustom toast"
		android:gravity="center"
		android:textColor="#FF000000"
		android:textStyle="bold"
		android:textSize="18sp"/>

</LinearLayout>

Ini file activity_main.xml kita.

<?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:orientation="vertical"
	android:gravity="center"
	android:background="#FFFFFFFF"
	tools:context=".MainActivity">

	<TextView
		android:layout_height="wrap_content"
		android:layout_width="wrap_content"
		android:text="Happycodx"
		android:textColor="#FF000000"
		android:textStyle="bold"
		android:gravity="center"
		android:textSize="22sp"
		android:layout_marginBottom="15dp"/>

	<Button
		android:id="@+id/activity_mainButton"
		android:layout_width="210dp"
		android:layout_height="wrap_content"
		android:text="Show toast"
		android:background="@drawable/button"
		android:paddingTop="5dp"
		android:paddingBottom="5dp"
		android:paddingRight="10dp"
		android:paddingLeft="10dp"
		android:layout_marginTop="15dp"
		android:textStyle="bold"/>

</LinearLayout>

Sekarang terapkan baris kode berikut untuk menampilkan toast khusus pada file MainActivity.java.

package com.happycodx.apps;
import android.widget.ImageView;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.Toast;
import android.view.LayoutInflater;
import android.view.ViewGroup;
import android.view.Gravity;
import android.view.View;
import android.widget.Button;
 
public class MainActivity extends AppCompatActivity { 
Button button;
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
		button = (Button) findViewById(R.id.activity_mainButton);
		button.setOnClickListener(new View.OnClickListener() {
			@Override
			public void onClick(View v) {
				// Membuat instance LayoutInflater
				LayoutInflater li = getLayoutInflater();  
				// Mendapatkan objek View seperti yang didefinisikan dalam file toast.xml  
				View layout = li.inflate(R.layout.toast,(ViewGroup) findViewById(R.id.toast_layout));
				// Membuat objek Toast  
				Toast toast = new Toast(getApplicationContext());  
				toast.setDuration(Toast.LENGTH_SHORT);  
				toast.setGravity(Gravity.BOTTOM, 0, 50);  
				toast.setView(layout); // Mengatur tampilan tata letak kustom toast
				toast.show();
			}
		});
    }  
}  

Dan ini hasilnya:

Baca Juga