Materi 12 - Options Menu (Lanjutan)

Imam Ibnu Badri Pemrograman Mobile 13.57

Materi

A Menambahkan OnOptionltemSelected event Handler
Untuk dapat mengimplementasikan menu item AppBar pada aplikasi. Diperlukan sebuah method onOptionItemSelected() untuk menghandle item yang dipilih/diklik. Di dalam method ini nanti nya terdapat switch case/ if blok untuk menentukan id item mana yang dipilih dan mendeskripsikan pesan atau aksi pada masing-masing item. Dalam kasus ini, item menu hanya akan menampilkan sebuah pesan melalui Toast.

Pada file MainActivity .java, tambahkan sebuah method onOptionItemSelected(). Sebagai berikut.

    @Override
    public boolean onOptionsItemSelected (MenuItem item){
        switch (item.getItemId()){
            case R.id.action_bluetooth:
                Toast.makeText(MainActivity.this, "Action bluetooth di klik",
                        Toast.LENGTH_SHORT) .show();
                return true;
            case R.id.action_library:
                Toast.makeText(MainActivity.this, "Action library di klik",
                        Toast.LENGTH_SHORT) .show();
                return true;
            case R.id.action_favorite:
                Toast.makeText(MainActivity.this, "Action favorite di klik",
                        Toast.LENGTH_SHORT) .show();
                return true;
            case R.id.action_music:
                Toast.makeText(MainActivity.this, "Action music di klik",
                        Toast.LENGTH_SHORT) .show();
                return true;
            default:
                //do nothing
        }
        return super.onOptionsItemSelected(item);
    }

Jalankan Aplikasi dan klik pada menu item.

B Menambahkan Layout Content Main dan Floating Action Button
Untuk memudahkan pengembang dalam mengelola halaman layout aplikasi, umumnya sebuah aplikasi Android memisahkan antara layout main (sebagai layout navigasi, menempatkan menu, toolbar dsb) dengan layout content (sebagai wadah untuk menempatkan konten halaman aplikasi)

Create New Layout
⇒ Klik kanan pada res ➞ new ➞ Layput resource file
⇒ Lengkapi file name (nama layout), root element jenis layout), source set dan directory name. Kemudian pilih OK

Buka file layout content_main.xml. Sebagai contoh tambahkan satu komponen View berupa TextView. Layout content_main.xml inilah yang nantinya akan digunakan untuk menempatkan komponen-kom ponen User Interface konten aplikasi.

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="This is My Menu Application"
        android:layout_centerInParent="true"/>

Buka file layout activity_main.xml. Kemudian include kan file layout content_main.xml menggunakan kode berikut :
```
    <include layout="@layout/content_main"></include>
```
Jalankan Aplikasi

Menambahkan Floating Action Button secara manual.
⇒ Buka file activity_main.xml. Tambahkan kode berikut dibawah </include>

  <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="15dp"
        app:scrCompat="@android:drawable/ic_dialog_email"/>

⇒ Selanjutnya buka MainActivity.java, di dalam method onCreate() tambahkan kode berikut

        FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
        fab.setOnClickListener (new View.OnClickListener(){
        @Override
                public void onClick(View view){
                    Snackbar.make(View, "Flatong action button diklik", Snackbar.LENGTH_LONG)
                    .setAction("Action", null).show();
                }   
        });

⇒ Jalankan aplikasi

Latihan

Buatlah sebuah aplikasi minimal terdapat 5 activity yang sating terhubung satu dengan yang lainnya. Aplikasi tersebut memiliki tema "Shop" yang menawarkan produk tertentu dari sebuah toko (Minimal produk yang ditawarkan adalah 5 produk). Selain itu di dalam aplikasi buatlah sebuah halaman yang mendeskripsikan tentang aplikasi yang Anda buat dan tentang diri Anda. Buatlah desain layout aplikasi yang menarik dan interaktif bagi user.

Daftar Isi - Pemrograman Mobile

TeachMeSoft