menu pada android

Menu pada Android

Oleh Yanuangga G.H.L

Menggunakan Menu

• Menu tidak memakan 'banyak' ruang pandangan.• Android menyediakan dua jenis menu yang dikenal

sebagai: pilihan menu(option menu) dan menu konteks(context menu).

- Menu Pilihan(option menu) dipicu dengan menekan tombol menu pada hardware perangkat, sementara

- Menu konteks(context menu) dipicu oleh dengan kejadian/menekan tombol keyboard tap-and-hold di widget terkait ke menu.

Menggunakan Menu #2

• Contoh penggunaan menu

Pilihan menu, yang disediakan pada konteks ini

Tombol akses menu

Maximum 6 tempat per menu. Selebihnya akan ditampilkan pada bagian menu pilihan “More”

Menggunakan Menu #3

• Contoh penggunaan Menu

Pilihan menu yang tersedia pada konteks ini

Pilihan tombol Menu

Tap-&-Hold

Contoh :Menulis pesan SMS dengan menggunakan menu konteks , aplikasi pesan SMS bawaan android

Menggunakan Menu #4

• Penjelasan pembuatan menu konteks- Menunjukkan widget mana pada activity kita yang akan

diberikan menu konteks. Untuk dapat melakukan ini, gunakan perintah registerForContextMenu(theWidget)

- Menampilkan view pada widget yang diinginkan pada menu konteks. dengan memberikan Implement tap&hold onCreateContextMenu(...)

- Untuk mengetahui kapan sebuah pilihan menu konteks dipilih user, implementasikan tap&hold onContextItemSelected() pada activity.

Menggunakan Menu #5

• Penjelasan pembuatan menu konteks- Menekan tombol(hardware) menu pada

perangkat mobile device, dengan mengimplementasikan onCreateOptionMenu(...)

- Untuk mengetahui kapan pilihan menu dipilih, gunakan implementasi onOptionItemSelected() pada activity

Menggunakan Menu #6• Contoh penggunaan Pilihan Menu

Pada aplikasi disamping pilihan menu menampilkan fungsi untuk merubah ukuran text (pada kedua editText)

Tekan pada TombolMenu untuk melihat pilihan ukuran

Pilihan untuk:50 points

Contoh penggunaan Pilih Menu

Tekan tombol More to see untuk melihat pilihan lainnya

Contoh tampilan : Pilihan menu lainnya

Maximum pilihan menu adalah 6 menu. Selebihnya akan disembunyikan pada tombol More

Contoh penggunaanPilih Menu

Masing-masing view bisa memiliki menu konteks yang bisa didefiniskan tersendiri.

Tahan agak lama kursor pada posisi edittext untuk menampilkan menu konteks

Contoh penggunaan: pilihan dan menu konteks

Aplikasi disamping, menunjukkan 2 editText. Menu digunakan untuk merubah ukuran, warna dan style dari kata yang dimasukkan

Contoh penggunaan: pilihan dan menu konteks

Pada baris program disamping, menunjukkan 2 editText. Menu digunakan untuk merubah ukuran, warna dan style dari kata yang dimasukkan.

Contoh penggunaan: pilihan dan menu konteks

Pada baris program disamping, menunjukkan 2 editText. Menu digunakan untuk merubah ukuran, warna dan style dari kata yang dimasukkan.

Contoh penggunaan: pilihan dan menu konteks

Pada baris program disamping, menunjukkan 2 editText. Menu digunakan untuk merubah ukuran, warna dan style dari kata yang dimasukkan.

Contoh penggunaan: pilihan dan menu konteks

Pada baris program disamping, menunjukkan 2 editText. Menu digunakan untuk merubah ukuran, warna dan style dari kata yang dimasukkan.

Contoh penggunaan: pilihan dan menu konteks

Pada baris program disamping, menunjukkan 2 editText. Menu digunakan untuk merubah ukuran, warna dan style dari kata yang dimasukkan.

Contoh penggunaan: pilihan dan menu konteks

Pada baris program dibawah, menunjukkan 2 editText. Menu digunakan untuk merubah ukuran, warna dan style dari kata yang dimasukkan.

Any Questions ?

Contoh lain: pilihan dan menu konteks

Aplikasi disamping, merupakan aplikasi sederhana dengan menggunakan TableLayout. 1. Baris pertama, berisi kesimpulan item menu yang dipilih user. 2. Baris kedua, berisi radioButton dan EditText. 3. Dan baris terakhir, berisi daftar item yang dipilih dari konteks menu

Pilihan menu ini menggunakan label teks dan icon gambar

Politeknik Elektronika Negeri Surabaya

20

Contoh lain: pilihan dan menu konteks

Layout aplikasi

Politeknik Elektronika Negeri Surabaya

21

Contoh lain: pilihan dan menu konteks

Hirarki, tampilan layout aplikasi

Politeknik Elektronika Negeri Surabaya

22

Contoh lain: pilihan dan menu konteks

Politeknik Elektronika Negeri Surabaya

23

Contoh lain: pilihan dan menu konteks

Politeknik Elektronika Negeri Surabaya

24

Contoh lain: pilihan dan menu konteks

Politeknik Elektronika Negeri Surabaya

25

Contoh lain: pilihan dan menu konteks

Politeknik Elektronika Negeri Surabaya

26

Contoh lain: pilihan dan menu konteks

Custom layout xml “main1.xml” digunakan untuk menunjukkan baris ListView, yang ditampilkan dengan baris dengan warna merah.(lihat gambar disamping)

Politeknik Elektronika Negeri Surabaya

27

Contoh lain: pilihan dan menu konteks

Politeknik Elektronika Negeri Surabaya

28

Contoh lain: pilihan dan menu konteks

Politeknik Elektronika Negeri Surabaya

29

Contoh lain: pilihan dan menu konteks

Politeknik Elektronika Negeri Surabaya

30

Contoh lain: pilihan dan menu konteks

Politeknik Elektronika Negeri Surabaya

31

Contoh lain: pilihan dan menu konteks

Politeknik Elektronika Negeri Surabaya

32

Contoh lain: pilihan dan menu konteks

Politeknik Elektronika Negeri Surabaya

33

Contoh lain: pilihan dan menu konteks• Comments on Creating Submenus

Example: Extend previous example by adding a fifth entry to the existing menu list. The new entry is of the SubMenutype. It should offer three options of its own.