Membuat ApplicationBar Windows Phone


Sebelumnya saya akan menjelaskan ApplicationBar yaitu menu yang terdapat di bagian bawah halaman pada aplikasi. Pertama-tama kita buat project lalu klik kanan pada project tersebut dan klik Open in Blend seperti gambar dibawah.

Blend

Lalu pindahkan submenu ke tab project (warna merah) , kemudian klik 2 kali di halaman yang akan ditambahkan ApplicationBar (warna hijau). kalau sudah terbuka  kemudian klik kanan di PhoneApplicationPage yang ada di Object dan Timeline

WindowsPhone

Setelah itu klik Add Application Bar seperti digambar

WindowsPhone1

Kemudian klik kanan pada ApplicationBar, lalu klik pada menu yang ingin ditambahkan, contohnya membuat ApplicationBarIconButton, maka klik pada Add ApplicationBarIconButton seperti gambar dibawah

WindowsPhone2

Kalau sudah muncul, lihat bagian kanan ada opsi untuk mengganti gambar ApplicationBarIconButton & mengganti nama dari Icon tersebut, jika icon yang diinginkan ada pada list maka tinggal pilih saja, namun jika kamu mempunyai gambar sendiri tinggal klik tombol yang ada di samping combo box icon.

WindowsPhone3

selajutnya jika ingin menambahkan ApplicationBarMenuItem maka klik kanan pada ApplicationBar dan pilih Add ApplicationBarMenuItem, maka akan muncul menu item dan bisa kita ganti teksnya sesuai kebutuhan aplikasi kita

WindowsPhone4 Setelah itu save dan tutup Blend, lalu lihat project Visual Studio yang tadi, jika muncul popup, maka klik tombol ‘Yes to All’. Ok cukup sekian sharingnya.

Jangan lupa subscribe JANUARYAN.com dan CODEYAN.com untuk mendapatkan artikel terbaru seputar teknologi, games, programming, Virtual Reality, Insight, Ideation, Startup, Opinion dll. Ikuti kami juga di sosial media di Facebook JANUARYAN dan CODEYAN, GooglePlus JANUARYAN dan CODEYAN, channel Youtube Ryan RA dan Januaryan Games, di Twitter untuk mendapatkan update terbaru dari @JanuaryanID dan @ranjaniryan.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s