Cara Menciptakan Sajian Popup Dengan Android Studio


Halo sahabat sekau kali ini daqu ingin membagikan sebuah tutorial untuk anda yang sedang berguru menciptakan aplikasi android dengan Android Studio. Seperti judul di atas yang akan daqu bagikan merupakan Cara Membuat Menu popup Dengan Android Studio.

Membuat sajian popup ini daqu pelajari ketika menciptakan aplikasi 'browserku' pada postingan Membuat Aplikasi Android : Browser Internet Layaknya Opera Mini Menggunakan Android Studio.

Sebelumnya kalau anda belum tahu apa itu sajian Pop Up, ini merupakan sajian yang akan muncul bila anda memencet sebuah tombol atau objek, dimana letak sajian ini akan muncul sesuai dengan letak objek yang di tekan. Agar tambah paham silahkan lihat beberapa teladan sajian popup dari aplikasi-aplikasi android berikut ini :


Bagaimana kini anda pahamkan apa itu sajian popup. Nah anda tentunya sudah sering melihat penerapan sajian popup ini pada aplikasi-aplikasi besar. Pada teladan gambar di atas daqu mengambilnya dari aplikasi Line, Google Drive, dan WhatsApp.

Persiapan untuk menciptakan sajian popup ini hanya perlu aplikasi AndroidStudio tentunya. Selain itu yang tidak kala penting merupakan kemauan anda untuk belajar.

Sebelum anda menciptakan sajian popup ini ada baiknya anda buat terlebih dahulu sajian atas pada android yang sudah daqu buatkan postingannya di Cara Membuat Menu Atas atau Top Menu Pada Android Studio. Kenapa anda harus membuatnya, sebab pada tutorial menciptakan sajian popup ini kita akan menambahkannya pada sajian atas yang telah kita buat.

Tapi hening kalau anda tidak ingin menciptakan sajian atas, dapat pribadi menambahkan objek yang akan menjadi objek klik nantinya. Objek ini dapat berupa button, image button, atau textView, pada dasarnya id pada objek itu beri "popup". Sesuai dengan id yang akan kita terapkan pada koding di bawah ini.

1. Buka project usang kita merupakan "Menu Atas" yang telah dibentuk pada postingan Cara Membuat Menu Atas atau Top Menu Pada Android Studio.

2. Buat layout gres dengan nama "menu_popup" serta root tag isi "menu".

3. Sekarang anda punya layout gres berjulukan menu_popup.xml.

4. Isi menu_popup.xml dengan arahan berikut.



<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <item android:id="@+id/menu_profile"
        android:title="Cara Membuat Menu Popup Dengan Android Studio"/>
    <item android:id="@+id/menu_pesan"
        android:title="Cara Membuat Menu Popup Dengan Android Studio"/>
    <item android:id="@+id/menu_pengaturan"
        android:title="Cara Membuat Menu Popup Dengan Android Studio"/>
    <item android:id="@+id/menu_keluar"
        android:title="Cara Membuat Menu Popup Dengan Android Studio"/>
</menu>



5. Sekarang buka MainActivity.java anda dan isi dengan arahan menyerupai di bawah ini.



package com.blogspot.serhamo.menuatas;

import android.annotation.SuppressLint;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.MenuItem;
import android.view.View;
import android.view.Window;
import android.widget.ImageButton;
import android.widget.PopupMenu;

public class MainActivity extends AppCompatActivity {
    private ImageButton imb_popupMenu = null;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //menghilangkan action bar
        this.requestWindowFeature(Window.FEATURE_NO_TITLE);
        getSupportActionBar().hide();

        //menampilkan layout activity_main.xml
        setContentView(R.layout.activity_main);

        imb_popupMenu = findViewById(R.id.popup);
        imb_popupMenu.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                showPopupMenu(v);
            }
        });
    }

    @SuppressLint("ResourceType")
    private void showPopupMenu(View v) {
        PopupMenu popupMenu = new PopupMenu(this, v);
        //menampilkan layout menu_popup.xml
        popupMenu.inflate(R.layout.menu_popup);
       popupMenu.show();
    }
}



6. Coba run aplikasi memakai emulator anda. Tampilannya akan nampak menyerupai di bawah.



7. Jika anda berniat menambahkan agresi pada ketika item sajian di klik maka ubah method showPopupMenu menyerupai dibawah.

private void showPopupMenu(View v) {
        PopupMenu popupMenu = new PopupMenu(this, v);
        //menampilkan layout menu_popup.xml
        popupMenu.inflate(R.layout.menu_popup);
        //aksi klik
        popupMenu.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem item) {
                switch (item.getItemId()) {
                    //ketika menu_profile di klik
                    case R.id.menu_profile:
                        //tuliskan agresi disini
                        break;

                    //ketika menu_pesan di klik
                    case R.id.menu_pesan:
                        //tuliskan agresi disini
                        break;

                    //ketika menu_pengaturan di klik
                    case R.id.menu_pengaturan:
                        //tuliskan agresi disini
                        break;

                    //ketika menu_keluar di klik
                    case R.id.menu_keluar:
                        //tuliskan agresi disini
                        break;


                }
                return false;
            }
        });
        popupMenu.show();
    }


Demikian postingan kali ini wacana program menciptakan popupmenu di android studio supaya bermanfaat. Silahkan bagikan postingan ini kalau dirasa bermanfaat.