Cara Membuat Toast Di Android Studio
"Silahkan kunjungi postingan Cara Membuat Toast Di Android Studio untuk membaca artikel selengkapnya dengan klik link di atas."
3 min read
Cara Membuat Toast Di Android Studio - Setelah kemarin kita membuat pop up Android Studio yang berfungsi sebagai halaman detail dengan satu tombol, hari ini kita akan belajar lagi menampilkan pesan di Android Studio dengan Toast. |
| Cara Membuat Toast Di Android Studio |
Toast adalah dialog berupa umpan balik yang diberikan kepada pengguna tentang suatu operasi. Pesan informasi yang diberikan dalam bentuk teks yang akan hilang secara otomatis setelah batas waktu tertentu, sesuai dengan custom toast.
Contoh Toast yang sering ditemukan di aplikasi android seperti pada saat mengirim pesan akan ada teks "Sending Message...", "Error", dsb. yang akan hilang dengan sendirinya dalam waktu tertentu.
Cara Membuat Toast Di Android Studio
Berikut ini cara membuat toast di Android Studio lengkap dengan source code-nya.
1. Buat project baru di Android Studio dengan cara klik File > New > New File > Empty Activity
2. Pada Name project, masukkan contohtoast, pada Language pilih Java, pada API Versi 4.2 Jelly Bean, kemudian klik Finish.
3. Pada activity_main.xml
Project > app > res > layout > activity_main.xml
Copy dan paste kode berikut ini.
<EditText
android:id="@+id/inputpertama"
android:layout_width="363dp"
android:layout_height="64dp"
android:layout_marginTop="32dp"
android:hint="angka pertama"
android:inputType="text|number"
android:textColor="@color/colorAccent2"
/>
<EditText
android:id="@+id/inputkedua"
android:layout_width="362dp"
android:layout_height="47dp"
android:hint="angka kedua"
android:inputType="text|number"
android:textColor="@color/colorAccent2"
/>
<TextView
android:id="@+id/hasil"
android:layout_width="237dp"
android:layout_height="41dp"
android:layout_marginTop="64dp"
android:text="Hasil "
android:textAlignment="viewEnd"
android:textColor="@color/colorAccent2"
android:textSize="20dp"
android:textStyle="bold"
/>
// Button Untuk Menampilkan Toast
<Button
android:id="@+id/button"
android:layout_width="60dp"
android:layout_height="40dp"
android:background="@color/colorAccent"
android:onClick="tambah"
android:text="JUMLAH"
android:textColor="@color/colorAccent3"
android:textSize="18dp"
android:textStyle="bold"
/>
android:id="@+id/inputpertama"
android:layout_width="363dp"
android:layout_height="64dp"
android:layout_marginTop="32dp"
android:hint="angka pertama"
android:inputType="text|number"
android:textColor="@color/colorAccent2"
/>
<EditText
android:id="@+id/inputkedua"
android:layout_width="362dp"
android:layout_height="47dp"
android:hint="angka kedua"
android:inputType="text|number"
android:textColor="@color/colorAccent2"
/>
<TextView
android:id="@+id/hasil"
android:layout_width="237dp"
android:layout_height="41dp"
android:layout_marginTop="64dp"
android:text="Hasil "
android:textAlignment="viewEnd"
android:textColor="@color/colorAccent2"
android:textSize="20dp"
android:textStyle="bold"
/>
// Button Untuk Menampilkan Toast
<Button
android:id="@+id/button"
android:layout_width="60dp"
android:layout_height="40dp"
android:background="@color/colorAccent"
android:onClick="tambah"
android:text="JUMLAH"
android:textColor="@color/colorAccent3"
android:textSize="18dp"
android:textStyle="bold"
/>
4. Pada MainActivity.java
Project > app > java > com.example.contohtoast > MainActivity
Setelah kode package com.example.contohtoast, masukkan kode berikut ini.
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Toast;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Toast;
Setelah kode berikut ini:
public class home extends AppCompatActivity {
Copy dan paste kode berikut ini:
EditText Angka1,Angka2;
TextView output;
Double a,b,c;
TextView output;
Double a,b,c;
Setelah kode berikut ini:
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Copy dan paste kode berikut ini:
Angka1 = (EditText) findViewById(R.id.inputpertama);
Angka2 = (EditText) findViewById(R.id.inputkedua);
output = (TextView) findViewById(R.id.hasil);
}
public void konversi(){
a = Double.parseDouble(Angka1.getText().toString());
b = Double.parseDouble(Angka2.getText().toString());
}
public void tambah(View view) {
if ((Angka1.getText().length() > 0) && (Angka2.getText().length() > 0)) {
konversi();
c = (a+b);
output.setText(Double.toString(c));
} else {
Toast toast = Toast.makeText(home.this, "Mohon masukkan Angka pertama & Kedua", Toast.LENGTH_LONG);
toast.show();
}
}
Angka2 = (EditText) findViewById(R.id.inputkedua);
output = (TextView) findViewById(R.id.hasil);
}
public void konversi(){
a = Double.parseDouble(Angka1.getText().toString());
b = Double.parseDouble(Angka2.getText().toString());
}
public void tambah(View view) {
if ((Angka1.getText().length() > 0) && (Angka2.getText().length() > 0)) {
konversi();
c = (a+b);
output.setText(Double.toString(c));
} else {
Toast toast = Toast.makeText(home.this, "Mohon masukkan Angka pertama & Kedua", Toast.LENGTH_LONG);
toast.show();
}
}
Berdasarkan kode di atas, jika salah satu TextView tidak diisi atau keduanya kosong, maka akan muncul Toast.
5. Pada colors.xml
Project > app > res > values > colors.xml
Copy dan paste kode berikut ini:
<color name="colorAccent1">#E90936</color>
Silahkan custom toast sesuai dengan kebutuhan dan keinginanmu. Jika ada kesulitan, tulis komentar atau hubungi aja di kontak admin. Nanti kita belajar bersama.
Lihat juga tutorial dasar sebelumnya tentang Cara Pindah Activity Android Studio
Demikianlah cara membuat toast di Android Studio. Semoga bermanfaat!