Catatan Kuliah Pertemuan ke 11 Mata Kuliah Windows Phone | 06 Desember 2013

Catatan Kuliah Pertemuan ke 11 Mata Kuliah Windows Phone | 06 Desember 2013 - Dalam kesempatan ini saya akan menerangkan tentang membuat Application Bar seperti icon button dan Item di Aplikasi windows Phone SDK 7.1. Application bar yaitu kita membuat Button dan Item kita tempatkan.

Langkah-langkahnya:

• Buka Software WIndows Phone SDK 7.l
• Pilih File
• Pilih New Project
• Pilih Visual C# Windows Phone Application
• Beri nama file tersebut dengan nama yang kalian inginkan
• Klik OK
• Pilih Windows Phone OS 7.1
• Sebelum membuat aplikasi windows phone kita perlu untuk menyediakan icon button nya di google
• Namun Windows Phone SDk juga sudah menyediakan icon nya dengan cara :

Pergi ke C:\Program Files (x86)\Microsoft SDKs\Windows Phone\v7.1\Icons\dark

• Buat Polder "Images" di Solution Explorer nya seperti gambar di bawah ini:

• Setelah itu masukan image yang ada di C:\Program Files (x86)\Microsoft SDKs\Windows Phone\v7.1\Icons\dark pilih image yang anda inginkan kalau saya memilih 4 image yaitu seperti gambar di bawah ini:

• Masukan ke 4 image tersebut ke polder Appbar seperti gambar di bawah ini:

• Ganti build icon gambar tersebut dari resource menjadi content di properties nya seperti gambar di bawah ini:

 

• Nah sekarang kita tinggal menambahkan scrip nya seperti gambar di bawah ini agar menambahkan gambar icon nya:

<phone:PhoneApplicationPage.ApplicationBar> <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True"> <shell:ApplicationBarIconButton x:Name="AddBar" IconUri="/Images/AppBar/appbar.add.rest.png" Text="Add" Click="AddBar_Click" /> <shell:ApplicationBarIconButton x:Name="CancelBar" IconUri="/Images/AppBar/appbar.cancel.rest.png" Text="Cancel" Click="CancelBar_Click"/> <shell:ApplicationBarIconButton x:Name="CheckBar" IconUri="/Images/AppBar/appbar.check.rest.png" Text="Check" Click="CheckBar_Click"/> <shell:ApplicationBarIconButton x:Name="DownloadBar" IconUri="/Images/AppBar/appbar.download.rest.png" Text="Download" Click="DownloadBar_Click"/> <shell:ApplicationBar.MenuItems> <shell:ApplicationBarMenuItem x:Name="MenuItem1" Text="MenuItem 1" Click="MenuItem1_Click"/> <shell:ApplicationBarMenuItem x:Name="MenuItem2" Text="MenuItem 2" Click="MenuItem2_Click"/> </shell:ApplicationBar.MenuItems> </shell:ApplicationBar> </phone:PhoneApplicationPage.ApplicationBar>

• masukan scrip di atas seperti gambar di bawah ini:

• Sekian tutorial dari saya semoga bermanfaat

Read More