Kustomisasi Toast Message di Android

    October 13, 2018   No comments

Kostumisasi TOAST Message di Android

Aplikasi android yang bagus dan friendly adalah aplikasi yang bisa membuat user yang menggunakannya dapat dengan mudah untuk mengoperasikannya, misalnya saat user mengunput sebuah data dan selanjutnya menekan button simpan, maka akan muncul sebuah pesan baik itu secara pop up ataupun di bagian bawah aplikasi(Toast). 


Pada pembahasan kali ini kita akan membahas mengenai kustomisasi pesan Toast di android, Toast merupakan sebuah event dimana jika kita mengklik sebuah tombol atau lainnya di aplikasi android kita maka akan muncul pesan dilayar kita seperti dibawah ini.




Baiklah kita langsung saja masuk ke pembahasan. Pertama buatlah terlebih dahulu project android kalian dengan nama TOAST. Setelah itu buatlah activity dengan type Empty Activity dengan nama MainActivity. Setelah itu buka activity_main.xml dan masukkan coding berikut.


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
 xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/toastBtn"
        android:layout_width="170dp"
        android:layout_height="wrap_content"
        android:layout_marginBottom="20dp"
        android:layout_marginTop="15dp"
        android:background="@drawable/drawable"

        android:text="@string/toasTextBtn" />
    <Button
        android:layout_width="170dp"
        android:layout_height="wrap_content"
        android:id="@+id/listDialogBtn"
        android:text="@string/listdialogTextBtn"
        android:layout_marginBottom="20dp"
        android:background="@drawable/drawable"/>
    <Button
        android:layout_width="170dp"
        android:layout_height="wrap_content"
        android:id="@+id/exitBtn"
        android:text="@string/exitTextBtn"
        android:layout_marginBottom="20dp"
        android:background="@drawable/drawable"/>
</LinearLayout>

Selanjutnya buka MainActivity.java dan masukkan coding berikut didalamnya.






package com.inspirasijones.trojan.buttonexit;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.content.DialogInterface;
import android.app.AlertDialog;
import android.app.Activity;
import android.widget.Button;
import android.widget.Toast;
import android.view.View;

public class MainActivity extends Activity implements View.OnClickListener {
    Button pesanToast;
    Button keluar;
    Button tampilList;

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

        pesanToast = (Button)findViewById(R.id.toastBtn);
        pesanToast.setOnClickListener(this);

        keluar = (Button) findViewById(R.id.exitBtn);
        keluar.setOnClickListener(this);

        tampilList = (Button)
                findViewById(R.id.listDialogBtn);
        tampilList.setOnClickListener(this);
    }

      public void onClick(View clicked) {
        switch (clicked.getId()) {
            case R.id.listDialogBtn:
                munculListDialog();
                break;
                case R.id.toastBtn:
                    Toast.makeText(this, "Kamu memilih Toast",
                            Toast.LENGTH_SHORT).show();
                    break;
                    case R.id.exitBtn:
                        exit();
                        break;
        }
    }

     private void munculListDialog() {

         final CharSequence[] items = { "Es Teh", "Es Jeruk",
                 "Lemon Squash","Soft Drink" };

           AlertDialog.Builder kk = new AlertDialog.Builder(this);
           kk.setTitle("Pilih Minuman");
           kk.setItems(items, new DialogInterface.OnClickListener() {
               public void onClick(DialogInterface dialog, int item) {
                   Toast.makeText(getApplicationContext(), items[item],
                           Toast.LENGTH_SHORT).show();
               }
           }).show();
    }

    private void exit() {
        AlertDialog.Builder builder = new AlertDialog.Builder(this)
                .setMessage("Apakah Kamu Benar-Benar ingin keluar?")
                .setNegativeButton("Tidak", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        dialog.dismiss();
                    }
                })
                .setPositiveButton("Ya", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        dialog.dismiss();
                        finish();
                    }
                });
            AlertDialog dialog = builder.create();
            dialog.show();
    }
}



Penjelasan :
Untuk coding Toast adalah seperti berikut ini.


Toast.makeText(this, "Kamu memilih Toast",
                            Toast.LENGTH_SHORT).show();

Dan hasilnya akan seperti berikut ini.





Sekian dulu untuk tutorial kali ini, silahkan dipelajari dan dipraktekkan agar lebih paham. Jika ada yang kurang paham bisa bertanya melalui komentar, nanti akan saya jawab sebisanya. jangan lupa shere artike ini agar lebih bermanfaat. Terima kasih.

Erji Ridho Lubis

Erji Ridho Lubis

Portal Coding Adalah Blog untuk memberikan pembelajaran serta tutorial mengenai berbagai pemrograman komputer.

No comments:
Write Comments

FansPage

Recent Comments

Copyright © 2018 Portal Coding.