Membuat Context Menu di Wndows Phone

Assalamualakum semuanya,,
pada malam hari ini, untuk mengisi waktu luang saya ingin memposting tentang Membuat Context Menu di Wndows Phone.
Apa itu Context Menu ?
Context Menu adalah menu-menu yang akan muncul ketika kita menekan sebuah tombol atau item pada sebuah list

Langkah - langkah Membuat Context Menu di Wndows Phone.

1. Buat sebuah Windows Phone Project Baru

2.  Seperti pada tutorial sebelumnya kita perlu menambahkan Windows Phone Toolkit pada references project kita dengan cara Klik kanan pada References -> Manage NuGet Packages -> Cari Windows Phone Toolkit -> Klik Install

3. Tambahkan script dibawah ini pada bagian atas file mainpage.xaml

xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"

4. Tambahkan 1 buat button dan juga ContextMenuService dengan script dibawah ini

<!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
            <TextBlock Text="Tutorial Koding" Style="{StaticResource PhoneTextNormalStyle}" Margin="12,0"/>
            <TextBlock Text="Context Menu" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
        </StackPanel>

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
            <Button x:Name="btn" Content="Tampilkan Context Menu" Grid.Row="0" Click="btn_Click" Margin="59,254,42,268">
                <toolkit:ContextMenuService.ContextMenu>
                    <toolkit:ContextMenu x:Name="MyContextMenu">
                        <toolkit:MenuItem x:Name="menu_tambah" Header="Tambah" Click="menu_tambah_Click" />
                        <toolkit:MenuItem x:Name="menu_hapus" Header="Hapus" Click="menu_hapus_Click" />
                    </toolkit:ContextMenu>
                </toolkit:ContextMenuService.ContextMenu>
            </Button>
        </Grid>

    </Grid>

5. Tambahkan script dibawah ini pada file mainpage.xaml.cs untuk menghandle event ketika tombol tampilkan di klik dan menu-menu lainnya di klik

private void menu_tambah_Click(object sender, RoutedEventArgs e)
        {
// memunculkan pesan ketika context menu tambah ditekan
            MessageBox.Show("Menu Tambah di Tekan");
        }

        private void menu_hapus_Click(object sender, RoutedEventArgs e)
        {
// memunculkan pesan ketika context menu hapus ditekan
            MessageBox.Show("Menu Hapus ditekan");
        }

        private void btn_Click(object sender, RoutedEventArgs e)
        {
// menampilkan context menu
            MyContextMenu.IsOpen = true;
        }

6. Jalankan program tersebut dengan menekan F5 maka akan seperti gambar dibawah ini

Anda bisa mendownload source codenya disini

dan untuk passwordnya disini

Sekian pembahasan tentang Membuat Context Menu di Wndows Phone.

Tunggu tutorial menarik lainnya, karena itu kunjungi terus blog ini