Pindah halaman dan radio button pada visual studio

Berjumpa kembali dengan saya, sekarang saya akan menjelaskan bagaimana cara pindah halaman pada visual studio 2013. Pertama-tama kita harus membuat dulu halaman baru, halaman ini akan menjadi halaman yang kita tuju saat pin dah halaman. Caranya klik kanan pada project kita --kalau pada visual studio saya “blog.windows (windows 8.1)”, blog -> karena saya menamai project ini dengan “blog”, windows -> project pada platform windows— setelah itu pilih add, lalu pilih new item. Gambarnya seperti ini

Setelah itu akan muncul tampilan add new item, pilih blank page lalu ubah nama menjadi halaman2.xaml, kemudian klik add.

Setelah kita klik add akan muncul halaman baru dengan x:class = blog.halaman2. ini adalah halaman baru yang telah kita buat, setelah itu kita buat text block dengan text “ini halaman 2”.

Kita kembali ke halaman MainPage.xaml, lalu kita buat button dengan content=”pindah ke halaman 2”. Button ini nantinya akan kita gunakan untuk pindah ke halaman 2.

<Button x:Name="pindah_halaman" Content="pindah ke halaman 2" FontSize="50" HorizontalAlignment="Center" Click="pindah_halaman_Click"/>

HorizontalAlignment untuk menentukan letak object yang sejajar dengan garis horizontal, pada bagian ini beberapa pilihannya, left, center, right.

Pada bagian code(.xaml.cs) kita deklarasikan untuk pindah ke halaman 2

private void pindah_halaman_Click(object sender, RoutedEventArgs e)

        {

            Frame.Navigate(typeof(halaman2));

        }

Dan hasilnya akan seperti ini

Oke, bahasan selanjutnya adalah radio button.

Radio button adalah suatu content yang menggunakan prinsip condition statement, atau yang biasa disebut if else, pada kali ini kita akan membuat tiga radio button yang menunjukkan pilihan makanan favorit, ketika pilih salah satu makanan favorit tersebut maka akan muncul text block makanan favorit yang telah kita pilih.

Pada UI kita ketik

<StackPanel>

<TextBlock Text="makanan favorit" FontSize="70"/>

<RadioButton x:Name="chck1" Content="ayam bakar" Checked="pilih_Checked" GroupName="pilih"/>

<RadioButton x:Name="chck2" Content="nasi goreng" Checked="pilih_Checked" GroupName="pilih"/>

<RadioButton x:Name="chck3" Content="bubur ayam" Checked="pilih_Checked" GroupName="pilih"/>

<TextBlock Text="makanan favorit saya" FontSize="30"/>

<TextBlock x:Name="mkn_fav" Text="" FontSize="30"/>

</StackPanel>

Ketiga radio button kita beri nama berbeda tetapi groupname sama, ini berguna saat pemilihan kondisi, setelah itu kita deklarasi fungsi checked pada ketiga button dengan checked groupname.

Dan tampilannya seperti ini 

Kemudian kita pergi ke bagian code (.xaml.cs)

Dan ketik :

privatevoid pilih_Checked(object sender, RoutedEventArgs e)

        {

if (Convert.ToBoolean(chck1.IsChecked)) mkn_fav.Text = "ayam bakar";

elseif (Convert.ToBoolean(chck2.IsChecked)) mkn_fav.Text = "nasi goreng";

elseif (Convert.ToBoolean(chck3.IsChecked)) mkn_fav.Text = "bubur ayam";

        }

Penjelasannya :

Pertama kita convert ke boolean radio button yang di chehked, ini berlaku ke tiganya dengan fungsi pemilihan if else, setelah itu itu deklarasi apa yang akan dilakukan ketika salah satu button di checked

Dan ss nya seperti ini :

Sekian pembahasan kali ini, sampai jumpa pada pembahasan selanjutnya.