Cara Menerapkan Contoh Popup Menu (Dropdown Menu ) Android

  • Post
    codeorayo
    Keymaster
    none
    Popup menu adalah salah satu komponen menu yang akan tampil, secara baris ke bawah .Ketika user (pengguna ) mengklik tombol atau item tertentu .Popup menu juga bisa disebut drop down menu , karna tampilanya sama seperti bentuk dropdown , yang biasa kita temui seperti pada navigasi website.

    [img]https://4.bp.blogspot.com/-vg6Ju60l6jc/VvfWbSWPARI/AAAAAAAAFLI/MnHlLSNuEm4DwLTyBlhw2oO1-TTP7zyQw/s1600/android-studio-tutorial-development-apps-by-okedroid.png[/img]

    Pada tutorial belajar android kali ini ,kita akan mencoba membuat dan menerapkan Contoh Popup Menu Android. Disini kita akan membuat widget button yang ,dimana ketika diklik akan muncul pop up menu (drop down menu ), yang berisi pilihan menu seperti copy,delete, dan rename. Dengan menggunakan fungsi atau method OnMenuItemClickListener.

    1. Pertama buka project Android Studio kalian.

    2.  Lalu kita akan membuat file xml pada folder app/res/menu/filexml

    Jika tidak ada folder menu , kita bisa membuat foldernya secara manual dengan cara :

    • Membuat folder menu


      Pada folder  res di struktur project Android Studio kalian, klik kanan lalu pilih New > pilih  Android Resource Directory  seperti pada gambar di bawah:

      [table]

      [tr]

      [/tr]

      [tr]

      [/tr]

      [/table]

      [td][img width=320,height=191]https://4.bp.blogspot.com/-f4fAgp01HeA/Vs7Mrq_czbI/AAAAAAAAEwA/moHKxCKXRqY/s320/android-resource-directory-studio.png[/img][/td]
      [td]Android Resource directory
      [/td]

       Pilih menu lalu pilih tombol OK.

      [table]

      [tr]

      [/tr]

      [tr]

      [/tr]

      [/table]

      [td][img width=320,height=186]https://1.bp.blogspot.com/-mr5IgxN88sg/Vudg7h8vDjI/AAAAAAAAFD4/K_zoAzUNao8pe34Pc9mTfxmhBlFi4Zvsw/s320/menu-android-resource-directory.png[/img][/td]
      [td]Buat folder menu resource[/td]

      Buat file xmlnya saya memberikan nama menu.xml  (Terserah kalian )  pada folder menu. Salin baris intruksi (codingan ) di bawah :

       menu.xml 


      1. http://schemas.android.com/apk/res/android” >
      2.  

      3.     

      4.         android:id=”@+id/one”

      5.         android:title=”Rename”/>

      6.     

      7.         android:id=”@+id/two”

      8.         android:title=”Delete”/>

      9.     

      10.         android:id=”@+id/three”

      11.         android:title=”Copy”/>

      12.  



      13. 3. Pada file activity_main.xml. Kalian bisa menerapkan baris intruksi (codingan) dibawah:

        activity_main.xml

        1. http://schemas.android.com/apk/res/android“

        2.               android:layout_width=”fill_parent”

        3.               android:layout_height=”fill_parent”

        4.               android:orientation=”vertical” >

        5.  

        6.  

        7.     

        8.         android:layout_width=”wrap_content”

        9.         android:layout_height=”wrap_content”

        10.         android:text=”KLIK DISINI”

        11.         android:id=”@+id/button” android:layout_gravity=”center_horizontal”/>



        12. 4. Setelah itu kita coba terapkan pada class Activity di file MainActivity.java.

          MainActivity.java.

          1. package com.okedroid.aplikasisaya;

          2.  

          3. import android.os.Bundle;

          4. import android.support.v7.app.AppCompatActivity;

          5. import android.view.MenuItem;

          6. import android.view.View;

          7. import android.view.View.OnClickListener;

          8. import android.widget.Button;

          9. import android.widget.PopupMenu;

          10. import android.widget.Toast;

          11.  

          12.  

          13.  

          14. public class MainActivity extends AppCompatActivity {

          15.     // create variable

          16.     Button btnclickme;

          17.  

          18.     @Override

          19.     protected void onCreate(Bundle savedInstanceState) {

          20.         super.onCreate(savedInstanceState);

          21.         setContentView(R.layout.activity_main);

          22.         // load control

          23.         btnclickme = (Button) findViewById(R.id.button);

          24.  

          25.         btnclickme.setOnClickListener(new OnClickListener() {

          26.  

          27.             @Override

          28.             public void onClick(View v) {

          29.                 // Create the instance of Menu

          30.                 PopupMenu popup = new PopupMenu(MainActivity.this, btnclickme);

          31.                 // Inflating menu using xml file

          32.                 popup.getMenuInflater().inflate(R.menu.menu, popup.getMenu());

          33.  

          34.                 // registering OnMenuItemClickListener

          35.                 popup.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {

          36.                     public boolean onMenuItemClick(MenuItem item) {

          37.                         Toast.makeText(MainActivity.this,

          38.                                 “Kamu telah memilih : ” + item.getTitle(),

          39.                                 Toast.LENGTH_SHORT).show();

          40.                         return true;

          41.                     }

          42.                 });

          43.                 popup.show();

          44.             }

          45.         });

          46.     }

          47. }


            Setelah itu kita coba uji dan jalankan Aplikasinya lewat Android Studio.

            Hasilnya kurang lebih seperti ini:

            [table]

            [tr]

            [/tr]

            [tr]

            [/tr]

            [/table]

            [td][img width=163,height=320]https://2.bp.blogspot.com/-dPVMdKfd8ZM/VuzrV0zhgtI/AAAAAAAAFFg/6DfSv3Eex54-2mIV_pZJ-vdDCFV6-krIw/s320/Hasil-Popup-menu-drop-down-menu-android.png[/img][/td]
            [td]Hasil Popup Menu

            [/td]

          • You must be logged in to reply to this topic.