Custom Button + Message Box in Windows Phone

Hiiiiiiii…..
Yap, seperti biasanya kali ini saya akan mensharing bagaimana cara membuat Custom Button + Message Box di Windows Phone dan tidak lupa kita akan menggunakan tools Microsoft Expression Blend.

Okay, lanjut buka Expression Blend -> New Project -> Windows phone app
Edit seperlunya.

new project blend

Setelah itu kita akan melihat sebuah halaman page kosong atau MainPage.xaml nya
Untuk awalan kita akan membuat button biasa dulu.

Pada Tab Assets -> Controls -> Button
Drag Button tersebut ke MainPage.xaml

BtnTab

Edit seperlunya seperti mengganti nama button dan content nya.

ButtonEdit

Selanjutnya tambahkan sebuah event
Pada Tab Properties -> Add Event Handler -> Click
Beri nama event tersebut lalu double klik atau enter

ButtonEvent

Maka akan langsung di direct ke MainPage.xaml.cs
Lalu tambahkan codingan seperlunya pada method event tersebut.

Setelah kita berhasil membuat Button yang biasa
Mari kita lanjutkan dengan Button yang tidak biasa beserta Message Box nya

Dari Tab Asset -> Controls  -> All -> Image
Drag Image tersebut ke main page

ImageAdd

Pada Tab Properties -> Edit Name dan Common -> Source
Import Image yang ingin dijadikan button nantinya

ImageEdit

Setelah selesai kita akan melihat sebuah image pada main page
Selanjutnya mari kita tambahkan sebuah event agar image tersebut menjadi sebuah custom button.

Pada Tab Properties -> Add Event Handler -> Tap
Beri nama event tersebut lalu double klik atau enter.

Imagetap

Maka kita akan langsung di direct ke halaman MainPage.xaml.cs
Dan kita akan melihat sebuah method event dari yang kita buat tadi

Lalu tambahkan sebuah perintah untuk menampilkan sebuah Message Box pada saat kita meng-klik Custom button yang telah kita buat tadi.

ImageCode

And the last, lets deploy the project by pressing F5
Sim salabim abra kadabra…………..

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