Blog Tutorial Android Bagi Pemula

Thursday, May 28, 2020

Cara Membuat Pesan Toast di Android Studio

Toast Message Android Studio

Toast adalah sebuah pesan notifikasi yang muncul secara pop-up dalam durasi waktu tertentu. Tosat hanya mengisi jumlah ruang yang diperlukan untuk pesan toast tersebut dan aktivitas yang ada tetap terlihat dan interaktif.

Konstanta/tetapan waktu dari class Toast adalah :
public static final int LENGTH_LONG = menampilkan pesan toast dalam durasi waktu yang panjang.
public static final int LENGTH_SHORT = menampilkan pesan toast dalam durasi waktu yang pendek.

Pesan toast dibuat secara terprogram pada java file. Contoh cara membuat pesan Toast :
Context context = getApplicationContext();
CharSquence text = "Ini adalah pesan Toast!"
int duration = Toast.LENGTH_SHORT;
Toast toast = Toast.makeText(context, text, duration);
toast.show();

Terdapat 2 metode yang lebih sederhana untuk membuat sebuah pesan toast, berikut ini :
Toast.makeText(getApplicationContext(), "Ini adalah pesan Toast!", Toast.LENGTH_SHORT).show();
dan
Toast.makeText(this, "Ini adalah pesan Toast!", Toast.LENGTH_SHORT).show();

Pada metode-metode diatas membutuhkan 3 parameter untuk membuat sebuah pesan toast;  yaitu application context (konteks aplikasi), text message (pesan teks untuk toast) dan duration (durasi untuk pesan toast). Lama durasi waktu untuk LENGTH_LONG adalah 3.5 detik, sedangkan LENGHT_SHORT adalah 2 detik.

Posisi standar notifikasi pesan toast muncul pada bagian paling bawah layar smartphone,  ditengah-tengah secara horizontal. Untuk mengubah posisi pada sebuah pesan toast, adalah dengan menambahkan metode setGravity(int, int, int), yang mana terdapat 3 tetapan parameter yaitu  tetapan gravity, posisi offset x dan posisi offset y. Namun, untuk dapat mengkostuminasi posisi nya, terlebih dahulu perlu membuat variabel untuk Toast. Sebagai contoh kita akan memposisikan sebuah pesan toast di pojok kiri atas layar smartphone, maka :

Toast toast = Toast.makeText(this, "Ini adalah pesan Toast", Toast.LENGTH_LONG);
toast.setGravity(Gravity.AXIS_PULL_AFTER, 0, 0);
toast.show();

Untuk contoh posisi lainnya seperti :
(Gravity.TOP, 0, 0);
(Gravity.CENTER, 0, 0);
(Gravity.BOTTOM, 0, 0);
(Gravity.LEFT, 0, 0);
(Gravity.RIGHT, 0, 0);
(Gravity.TOP | Gravity.LEFT, 0, 0);
(Gravity.BOTTOM| Gravity.RIGHT, 0, 0); dan lain-lain. 

Untuk posisi x dan y dalam bentuk angka 0, 0 diatas, Anda juga bebas menkostuminasinya sesuai kenyamanan Anda. Contohnya, Anda ingin menggeser sedikit pesan toast secara horizontal, maka Anda dapat mengganti angka x menjadi misalnya 10, 20, 30, 50, 65, 100 dan seterusnya (tidak ada kelipatan). Begitupun untuk y yang vertikal.

Penerapan Toast Message

Baik, sekarang kita akan mempraktikan  membuat sebuah pesan toast langsung di Android Studio. Hal pertama tentulah membuat sebuah proyek baru atau pada proyek yang sudah ada. Jika Anda belum pernah membuat sebuah proyek, Anda bisa merujuk pada postingan ini

Setelah proyek dibuat, pada activity_main.xml kita akan membuat sebuah tombol yang ketika di klik akan menampilkan sebuah pesan toast. Berikut kode lengkap pada activity_main.xml :

<?xml version="1.0" encoding="utf-8"?>
<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"    
    tools:context=".MainActivity">

       <TextView        
           android:id="@+id/text1"    
           android:layout_width="wrap_content"        
           android:layout_height="wrap_content"        
           android:layout_centerHorizontal="true"        
           android:layout_marginBottom="30sp"        
           android:text="Contoh Pesan Toast"        
           android:textSize="20sp"/>

       <Button        
           android:id="@+id/btnGo"        
           android:layout_width="wrap_content"        
           android:layout_height="wrap_content"        
           android:layout_below="@id/text1"        
           android:onClick="ShowToast"        
           android:layout_centerHorizontal="true"        
           android:text="Show Toast Message"/>

</RelativeLayout>

Mengenai Button (tombol), jika Anda belum familiar, Anda dapat melihat postingan ini jika ingin mempelajarinya lebih lanjut.
Selanjutnya adalah membuat sebuah pesan toast pada metode ShowToast atribut android:onClick dari elemen Button diatas pada file java aktivitas utama tersebut. Pada MainActivity.java, berikut kode lengkapnya :

package com.example.proyekpertama;

import android.os.Bundle;
import android.view.Gravity;
import android.view.View;
import android.widget.Toast;

import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

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

    public void ShowToast(View view) {
        Toast toast = Toast.makeText(this, "Ini adalah pesan Toast", Toast.LENGTH_LONG);
        toast.setGravity(Gravity.CENTER, 0, 0);
        toast.show();
    }
}

Catatan : Jika terdapat kata-kata digaris bawahi berwarna merah pada file java tersebut setelah Anda menyalin kode-kode diatas, artinya Anda perlu mengimpor class dari Android Library untuk setiap object berwarna merah. Arahkan mouse Anda pada tulisan berwarna merah tersebut lalu klik import class. Atau, arahkan mouse Anda pada tulisan berwarna merah kemudian klik Alt+Enter lalu pilih import class.

Menguji Toast Message

Selanjutnya adalah menjalankan aplikasi. Berikut dibawah ini video singkat setelah aplikasi dijalankan pada Android Virtual Device.
Jika ada pertanyaan atau sesuatu yang ingin Anda katakan, jangan ragu untuk menyampaikannya melalui komentar atau bisa kirim email ke gwnbstudio@gmail.com


Share:

0 comments:

Post a Comment

Hubungi Saya

Name

Email *

Message *

Terlaris 30 Hari Terakhir