Cara Menerapkan Contoh Option Menu Android

  • Post
    codeorayo
    Keymaster
    none
    Option Menu adalah salah satu komponen menu pilihan pada pengembangan Aplikasi Android,yang akan tampil ketika user ( pengguna ) menekan tombol menu pada perangkat Android. Option Menu digunakan untuk membantu user (pengguna ) menampilkan menu pada fitur-fitur yang tersemat pada Aplikasi Android. Contoh penggunaan Option Menu  bisa kita lihat pada Aplikasi Browser Chrome ,di perangkat Android kalian. Disitu terdapat pilihan menu New tab, Bookmarks,Settings. dll.

                                            [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 Option Menu Android.Disini kita akan akan menerapkan baris intruksi (codingan ) pada Activity class ,yang akan memanggil method inflate() dari class Menu inflater. Untuk memberikan aksi pada menu kita menggunakan onOptionsItemSelected() pada kelas Activity. Ketika dipilih menunya akan tampil pesan text (Toast):

    1. Pertama buka project Android Studio kalian.

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

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

    • Membuat file 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 file menu. Salin baris intruksi (codingan ) di bawah :

       menu.xml 


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

      3.     

      4.            android:title=”Menu 1″/>

      5.     

      6.            android:title=”Menu 2″/>

      7.     

      8.            android:title=”Menu 3″/>



      9. 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=”match_parent”

        3.               android:layout_height=”match_parent”

        4.               android:layout_margin=”16dp”

        5.               android:orientation=”vertical”>

        6.  

        7.     

        8.         android:layout_width=”wrap_content”

        9.         android:layout_height=”wrap_content”

        10.         android:textAppearance=”?android:attr/textAppearanceMedium”

        11.         android:text=”Okedroid.com”

        12.         android:id=”@+id/textView”/>

        13.     

        14.         android:layout_width=”match_parent”

        15.         android:layout_height=”match_parent”

        16.         android:text=”Membuat Options Menu Android ” />



        17. 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.Menu;

          6. import android.view.MenuItem;

          7. import android.widget.Toast;

          8.  

          9.  

          10.     public class MainActivity extends AppCompatActivity {

          11.         @Override

          12.         protected void onCreate(Bundle savedInstanceState) {

          13.             super.onCreate(savedInstanceState);

          14.             setContentView(R.layout.activity_main);

          15.         }

          16.         @Override

          17.         public boolean onCreateOptionsMenu(Menu menu) {

          18.             // Inflate dari menu; disini akan menambahkan item menu pada Actionbar

          19.             getMenuInflater().inflate(R.menu.menu, menu);//Memanggil file bernama menu di folder menu

          20.             return true;

          21.         }

          22.         @Override

          23.         public boolean onOptionsItemSelected(MenuItem item) {

          24.             switch (item.getItemId()) {

          25.                 case R.id.menu1:

          26.                     Toast.makeText(getApplicationContext(),”Menu 1 dipilih”,Toast.LENGTH_LONG).show();

          27.                     return true;

          28.                 case R.id.menu2:

          29.                     Toast.makeText(getApplicationContext(),”Menu 2 dipilih”,Toast.LENGTH_LONG).show();

          30.                     return true;

          31.                 case R.id.menu3:

          32.                     Toast.makeText(getApplicationContext(),”Menu 3 dipilih”,Toast.LENGTH_LONG).show();

          33.                     return true;

          34.                 default:

          35.                     return super.onOptionsItemSelected(item);

          36.             }

          37.         }

          38.     }


            Kemudian setelah seleasai semua , kita coba jalankan Aplikasinya di Android Studio.

            Hasilnya kurang lebih seperti pada gambar dibawah:

            [table]

            [tr]

            [/tr]

            [tr]

            [/tr]

            [/table]

            [td][img width=163,height=320]https://4.bp.blogspot.com/-R3tXvk6kPws/Vunr3zG6vWI/AAAAAAAAFE4/YnvxkUs8ERcrhwMCw0AO32Wa6DQmgVGJQ/s320/Hasil-Options-Menu-Android.png[/img][/td]
            [td]Hasil Options Menu 

            [/td]

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