Membuat Custom Toast di Android Studio

Diterjemahkan dari Toast , Making a custom toast in android stdio oleh Shashan Ram k Bhat

Toast adalah sebuah mekanisme di Andorid untuk menampilkan popup kecil sebagai sebuah feedback dan akan menghilang setelah beberapa waktu.

Sebelum membuat custom Toast, mari kita buat sebuah Toast sederhana yang menampilkan pesan Hello World.

A toast in android provides simple feedback about an operation in a small popup. They are temporary and disappear after a specific time .

Di dalam activity_main.xml (layout yang akan diluncurkan begitu aplikasi mulai) terdapat sebuah button yang terletak di tengah layar.

Layout_centerInParent = “true” mengatur Button ini di tengah dengan id b1 dan teks berupa “Toast”.

Sekarang buka MainActivity dan tuliskan beberapa kode berikut untuk menampilkan pesan Toast. Deklarasikan dulu variabel-variabel yang akan diperlukan.

Context context; // menyimpan appContext
Toast toast; // instance dari kelas Toast
Button b1; // instance dari komponen Button di XML
int duration; // menyimpan durasi toast ini tampil
String myToast; // menyimpan teks untuk ditampilkan di toast

Selanjutnya tuliskan kode berikut di dalam onCreate sesudah setContentView:

b1 =(Button)findViewById(R.id.b1);
context = getApplicationContext();
myToast= "HelloWorld";
duration = Toast.LENGTH_LONG;
toast = Toast.makeText(context,myToast,duration);

makeText() adalah method static yang ada di dalam kelas Toast untuk membuat sebuah objek Toast baru berisi parameter yang diberikan.

Terkahir, panggil toast.show() di dalam onClick b1 untuk menampilkannya:

b1.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v){
        toast.show();
    }
});

Berikut tampilan isi MainActivity.

Jalankan aplikasi:

Untuk membuat custom toast, kita mesti membuat layout XML baru. Buat lah layout bernama my_toast.xml di folder layout.

Di dalamnya adalah sebuah ImageView (yang mengarah ke mimap/ic_launcher, bisa diganti sesuai keinginnan) dan TextView untuk menampilkan isi pesannya.

Di dalam MainActivity sebelum menuliskan perintah untuk menampilkan Toast, tuliskan kode berikut untuk membaca file layout XML tadi.

LayoutInflater inflater = getLayoutInflater();
View layout = inflater.inflate(R.layout.my_toast,
      (ViewGroup)findViewById(R.id.my_cust_toast));

Nilai R.layout.my_toast merupakan file XML-nya, sedangkan R.id.my_cust_toast adalah id dari LinearLayout yang ada di dalam my_toast.xml.

Berikutnya inisialisasi TextView untuk menampilkan isi pesan:

TextView text =layout.findViewById(R.id.t1);
text.setText("This is a custom toast");

Terakhir, tuliskan kode berikut di dalam onClick b1 menggantikan kode yang sebelumnya:

toast = new Toast(getApplicationContext());
toast.setDuration(Toast.LENGTH_LONG);
toast.setView(layout);

Berikut tampilan MainActivity yang baru:

Jalankan aplikasinya: