Cara Membuat Toast Di Android

Cara Membuat Toast Di Android - Sebelumnya saya sudah memberikan tutorial tentang Cara Mengirim Data Dengan Intent, dimana pada tutorial tersebut kita mengirim data dengan menginputkan nama pada editText di MainActivity, kemudian nama yang diinputkan akan ditangkap oleh Activity kedua yang kemudian nama tersebut akan ditampilkan dengan TextView. Namun pada tutorial berikut ini tentang cara membuat toast di android, kita akan sedikit memodifikasi aplikasi tersebut dengan menampilkan data yang diinputkan ke dalam toast.

Toas itu sendiri merupakan sebuah class pada android yang digunakan untuk menampilkan pesan atau peringatan berupa text. Cara menggunakan toast sebenarnya cukup sederhana, cukup gunakan struktur seperti berikut:

Toast.makeText(context, pesan, duration).show();

Keterangan:

• Context merupakan tempat dimana toast tersebut dibuat, biasanya berupa Activity
• Pesan merupakan pesan atau peringatan yang akan ditampilkan di dalam toast, pesan ini berupa text atau string.
• Duration merupakan durasi ditampilkannya pesan atau peringatan tersebut.

Skenario kita akan sama seperti tutorial Cara Mengirim Data Dengan Intent, kita akan membuat sebuah aplikasi yang sangat sederhana, dimana nanti di dalam aplikasi ini kita akan mengirim data berupa nama, dan nama ini nanti akan di terima oleh Activity yang dituju yang kemudian akan ditampilkan dengan toast.

Buat project baru sesuai dengan gambar berikut ini

Membuat Project Baru

Karena kita akan membuat aplikasi sederhana dimana nanti akan ada komunikasi antar intent yang saling kirim dan terima data, maka sekarang kita buat Class Activity kedua sebagai penerima data, beserta XML-nya sebagai interface dari Activity kedua tersebut.

Buat Class Activity kedua dengan cara klik kanan pada nama package yang ada di src -> New -> Class -> Buat seperti gambar ini

Membuat Class Activity Penerima Data

Sekarang kita buatkan file XML sebagai interface dari Class Activity kedua dengan cara klik res -> Klik Kanan pada layout -> New -> Android XML File -> Buat sepeti gambar ini

Membuat XML Dari Class Activity Kedua

Selanjutnya kita buat interface untuk MainActivity dengan mengedit file activity_main.xml yang terletak di res -> layout -> activity_main.xml

activity_main.xml

<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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <TextView
        android:id="@+id/tVMainActivity"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="25dp"
        android:text="Halaman Input Data"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <EditText
        android:id="@+id/eTData"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/tVMainActivity"
        android:layout_below="@+id/tVMainActivity"
        android:layout_marginTop="24dp"
        android:hint="Masukkan Nama Anda"
        android:ems="10" />

    <Button
        android:id="@+id/btKirim"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignRight="@+id/eTData"
        android:layout_below="@+id/eTData"
        android:layout_marginTop="18dp"
        android:text="Kirim" />

</RelativeLayout>

Pada script activi_main.xml di atas menggunakan RelativeLayout yang di dalamnya terdapar 1 buah TextView, 1 buah EditText dan Button.

Sekarang kita edit MainActivity.java yang terletak di src -> Nama_Package -> MainActivity.java

MainActivity.java

package id.bangkan.membuattoast;

import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.view.View;
//Importkan Widget Buton dan OnclickListener
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;
import android.view.View.OnClickListener;

public class MainActivity extends Activity {
 
 EditText nama;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  nama = (EditText)findViewById(R.id.eTData);
  Button kirim = (Button)findViewById(R.id.btKirim);
  kirim.setOnClickListener(new OnClickListener() {
   
   @Override
   public void onClick(View v) {
    // TODO Auto-generated method stub
    Intent kirimdata = new Intent(MainActivity.this, TerimaData.class);
    //Script untuk Mengirim Data
    kirimdata.putExtra("_nama_", nama.getText().toString());
    startActivity(kirimdata);
    finish();
   }
  });
 }

 @Override
 public boolean onCreateOptionsMenu(Menu menu) {
  // Inflate the menu; this adds items to the action bar if it is present.
  getMenuInflater().inflate(R.menu.main, menu);
  return true;
 }

}

Selanjutnya fokus ke Activity yang kedua. Pertama kita persiapkan dulu interface dari activity kedua dengan mengedit terima_data.xml yang sudah kita buat tadi

terima_data.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <TextView
        android:id="@+id/tVTerimaData"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="21dp"
        android:text="Halaman Terima Data"
        android:textAppearance="?android:attr/textAppearanceLarge" />

</RelativeLayout>

Pada script terima_data.xml di atas menggunakan RelativeLayout yang di dalamnya terdapar 1 buah TextView.

Sekarang kita edit TerimaData.java

package id.bangkan.membuattoast;

import android.os.Bundle;
import android.widget.Toast;
import android.app.Activity;

public class TerimaData extends Activity {
 
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.terima_data);
  
  //Script untuk menerima Data
  Bundle dataTerima = getIntent().getExtras();
  String nama = dataTerima.getString("_nama_");
  
  Toast.makeText(TerimaData.this, "Selamat Datang "+nama, Toast.LENGTH_LONG).show();
 }
}

karena kita tadi sudah membuat Class Activity baru yaitu Class TerimaData.java, maka kita harus mendaftarkan Class Activity tersebut ke AndroidManifest.xml, silahkan edit AndroidManifest, kemudian tambahkan script berikut tepat di atas kode </application>

<activity
             android:name="id.bangkan.membuattoast.TerimaData">
        </activity>

Sehingga tampak seperti berikut

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="id.bangkan.membuattoast"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="10"
        android:targetSdkVersion="10" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="id.bangkan.membuattoast.MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity
             android:name="id.bangkan.membuattoast.TerimaData">
        </activity>
    </application>

</manifest>

Berikut tampilan ketika aplikasi dijalankan

Tampilan Saat Menginput Data

Tampilan Saat Menerima Data