Kresna's Blog

Just trying to learn and learn
See also: Other Geeks@INDC

Add Application Bar in WP7 using Expression Blend 4

 

Tips & trik kali ini akan membahas bagaimana kita membuat aplication bar pada aplikasi Windows Phone 7 dengan menggunakan Expression Blend 4. Langsung saja kita coba buat project Windows Phone baru pada Blend.

Pada MainPage.xaml, klik kanan di root yaitu [PhoneApplicationPage], pilih Add Application Bar.

image

 

Hasilnya Blend akan otomatis menambahkan [ApplicationBar] dan MenuItems di panel Objects and Timeline, dan meletakan object tersebut berada di bawah halaman pada windows phone.

image

 

Untuk menambahkan sebuah icon pada application bar, klik kanan pada object [ApplicationBar], pilih Add ApplicationBarIconButton.

image

 

Akan muncul icon seperti gambar di bawah ini.

image

 

Untuk mengganti gambar icon tersebut, pilih icon yang ingin digunakan pada property IconUri. Secara default Windows Phone SDK sudah menyediakan beberapa gambar icon untuk digunakan, contohnya adalah seperti gambar di bawah ini.

image

 

Untuk mengganti text dari Icon tersebut adalah ubah property Text yang terletak di bawah property IconUri.

image

 

Tekan F5 untuk melihat hasilnya. Text pada icon akan muncul jika titik – titik yang ada di sebelah kanan application bar ditekan. Mudah bukan? Smile

Share this post: | | | |

Comments

No Comments