Application Bar Icon Button in Windows Phone Using Expression Blend

Halo halo halo……..
hehehe

Okay, pada kesempatan kali ini saya akan coba men sharing tentang bagaimana menbuat Application Bar Icon Button pada Windows Phone menggunakan tools yang powerful yaitu Microsoft Expression Blend.

Sebelum memulai sharing-sharing kali ini ada baiknya untuk membaca artikel sebelumnya mengenai cara membuat Application Bar Menu Item.

And here we gooo…..

Seperti biasanya buka Expression Blend -> New Project -> Windows phone app
Edit seperlunya.

new project blend

Pada Main Page klik tab Abject and Timeline -> klik kanan [PhoneApplicationPage] -> Add ApplicationBar

Klik kanan [Application Bar] -> Add ApplicationBarIconButton

AddAddbarMenuOrIcon

Klik [ApplicationBarIconButton] -> Edit Seperlunya pada tab Properties
Seperti ubah Name dan Text

IconButton

Pada Tab Properties -> Common -> IconUri
Pilih Icon yang diinginkan atau juga bisa di import dari luar.

IconUri

 

Untuk menambahkan event pada Application bar icon button
Pada tab Properties -> klik Add Event Handler

IconButtonEvent

Beri nama event tersebut -> klik double atau enter
Maka akan langsung di direct ke MainPage.xaml.cs untuk melihat hasil code
Dan jika ingin menambahkan event yang harus dikerjakan tinggal langsung di coding saja

IconButtonCode

Jadilah Application Bar Icon Button pada halaman Main Page Windows Phone

Untuk mendeploy project tekan F5
Sim salabim abra kadabra……..

IconButtonDeploy

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 )

Google photo

You are commenting using your Google 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 )

Connecting to %s