Application Bar in Windows Phone 8

Wah tidak terasa sudah lama tidak posting.

Kali ini saya akan mempublis tentang membuat Application Bar di Windows Phone 8. Pada dasarnya Application Bar adalah standar button yang sering digunakan pada pemrogaman mobile. Application Bar adalah tempat kumpulan dari tombol-tombol dimana tombol tersebut bisa berupa tulisan atau icon. Di bawah ini adalah contoh dari application bar yang memiliki tombol yang berupa icon.

Image

Kita akan membuat application bar yang bisa digunakan pada semua halaman project. Tahap pertama, Kita harus mendesain application barnya terlebih dahulu. Code yang program yang akan ditambahkan berada di file App.xaml tepatnya diantara Application.Resources seperti coding dibawah ini.

   <Application.Resources>
        <!--Tambah Kode Disini-->
            <local:LocalizedStrings xmlns:local="clr-namespace:Beker" x:Key="LocalizedStrings"/>
    </Application.Resources>

Sedangkan code yang akan ditambahkan adalah sebagai berikut. Tetapi sebelumnya silahkan siapkan icon yang akan digunakan anda bisa mendownload disini.

            <shell:ApplicationBar x:Name="globalApplicationBar"
                              IsMenuEnabled="True" Opacity="0.7" >
            <shell:ApplicationBarIconButton Text="Add"  IconUri="add.png"/>
            <shell:ApplicationBarIconButton Text="Delete"  IconUri="delete.png"/>
            </shell:ApplicationBar>

Setelah ditambahkan code diatas tentu belum mengubah tampilan halaman aplikasi kalian. Sekarang bagaimana menampilkan application bar di halaman yang kita inginkan. Silahkan pilih halaman yang ingin ditambahkan application bar. Tambahkan code

ApplicationBar="{StaticResource globalApplicationBar}"

setelah code

shell:SystemTray.IsVisible="True"

Bagaimana? Sudah adakan application barnya… Masih ada yang kurang, tombol yang kalian buat ternyata belum ada eventnya. Maka silahkan tambahkan eventnya di setiap tombol. Di App.xaml silahkan tambahkan

Click="ApplicationBarAdd_Click"

di desain tombol Add dan

Click="ApplicationBarDelete_Click"

di desain tombol Delete.

dan selanjutnya ke App.xaml.cs untuk membuat method kliknya. Misal jika tombol Add di klik akan menampilkan message box “Tombol Tambah”.

public void ApplicationBarAdd_Click(object sender, EventArgs e){
            MessageBox.Show("Tombol Tambah");
        }

Selesai.. Semoga bermanfaat..🙂

 

 

 

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

%d bloggers like this: