Catatan Kuliah Pertemuan ke 9 22 November 2013 Navigation Page

Catatan Kuliah Pertemuan ke 9 22 November 2013 Navigation Page - Dalam kesempatan ini saya akan menjelaskan tentang membuat Navigation Page yaitu tentang perpindahan halaman dari halaman 1 kel halaman 2, 3 dll.  Kalau mau tata caranya maka saya akan membuat langkah-langkah nya di bawah ini

Langkah-Langkah Navigation Page :

•  Buka Software windows Phone SDK 7.1
• Pilih File
• Pilih New Project
• Pilih Visual C# > Windows Phone Application
• Beri nama file nya menjadi Tugas Napigation Page ( terserah kalian buat apa aja namanya )
• Klik OK
• Pilih Windows Phone OS 7.1
•  Buat Desain Untuk Tampilan nya seperti gambar di bawah ini :

• Beri nama Setiap Komponen ToolBox nya Di Proprties

TextBlock

Text : Masukan Nama

TextBox

Nama : NameTextBox

Text : Kosongkan

 TextBlock

Nama :NamaTextBlock

Text : Kosongkan

Button 1

Nama : MyButton1

Content : Kirim ke Page 2

Button 2

Nama : MyButton2

Content : Kirim ke Page 3

Button 3

Nama : MyButton3

Content : Kirim ke Page4

 Button 4

Nama : MyButton4

 Content : Kirim ke Page5

• Untuk membuat halaman 2, 3 , 4 dan 5 Dengan cara Menambahkan Halaman di Solution Explorer nya
• Klik Kanan Di "TugasNavigationPage" 
• Pilih "Add"
• Pilih "New Polder" Seperti gambar di bwah ini:

• Beri nama foldernya "View"
• Nah sekarang kalau kita sudah membuat Polder nya tinggal kita membuat halaman 2, 3, 4 dan 5 di dalam poldernya dengan cara seperti di atas
• Klik kanan di Polder "View"
• Pilih "Add"
• Pilih "New Item"
• Pilih Visual C#
• Pilih "Windows Phone Portrait Page"
• Beri nama nya dengan Page 2
• Untuk membuat Page 3, 4 dan 5 tinggal kita mengulang yang tadi tapi beri nama Page 3, Page 4 dan Page 5 seperti gambar di bawah ini :

• Untuk membedakan halaman nya beri nama Halamnya dengan Page 2, Page 3, Page 4 dan Page 5 dengan cara kita memasukan namanya di Page Title nya di source codenya  seperti gambar yang di tandai di bawah ini:

•  Buat Desaign di Page 2, 3, 4 dan 5 nya

Desain Page 2

Desain Page 3

Desain Page4

 Desain Page 5

• Setelah itu masukan scrip scrip di bawah ini

MainPage.xaml.cs

private void Page2BT_Click(object sender, RoutedEventArgs e) { String dua = NameTextBox.Text; NavigationService.Navigate(new Uri("/View/Page2.xaml?dua=" + dua, UriKind.Relative)); } private void Page3BT_Click(object sender, RoutedEventArgs e) { String tiga = NameTextBox.Text; NavigationService.Navigate(new Uri("/View/Page3.xaml?tiga=" + tiga, UriKind.Relative)); } private void Page4BT_Click(object sender, RoutedEventArgs e) { String empat = NameTextBox.Text; NavigationService.Navigate(new Uri("/View/Page4.xaml?empat=" + empat, UriKind.Relative)); } private void Page5BT_Click(object sender, RoutedEventArgs e) { String lima = NameTextBox.Text; NavigationService.Navigate(new Uri("/View/Page5.xaml?lima=" + lima, UriKind.Relative)); } protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e) { string satu = ""; if (NavigationContext.QueryString.TryGetValue("satu", out satu)) { NamaTextBlock.Text = String.Format("Nama = {0}", satu); } }

Page2.xaml.cs

private void Page2BT_Click(object sender, RoutedEventArgs e) { String satu = NameTextBox.Text; NavigationService.Navigate(new Uri("/MainPage.xaml?satu=" + satu, UriKind.Relative)); } private void Page3BT_Click(object sender, RoutedEventArgs e) { String tiga = NameTextBox.Text; NavigationService.Navigate(new Uri("/View/Page3.xaml?tiga=" + tiga, UriKind.Relative)); } private void Page4BT_Click(object sender, RoutedEventArgs e) { String empat = NameTextBox.Text; NavigationService.Navigate(new Uri("/View/Page4.xaml?empat=" + empat, UriKind.Relative)); } private void Page5BT_Click(object sender, RoutedEventArgs e) { String lima = NameTextBox.Text; NavigationService.Navigate(new Uri("/View/Page5.xaml?lima=" + lima, UriKind.Relative)); } protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e) { string dua = ""; if (NavigationContext.QueryString.TryGetValue("dua", out dua)) { NamaTextBlock.Text = String.Format("Nama = {0}", dua); } }

Page3.xaml.cs

private void Page2BT_Click(object sender, RoutedEventArgs e) { String satu = NameTextBox.Text; NavigationService.Navigate(new Uri("/MainPage.xaml?satu=" + satu, UriKind.Relative)); } private void Page3BT_Click(object sender, RoutedEventArgs e) { String dua = NameTextBox.Text; NavigationService.Navigate(new Uri("/View/Page2.xaml?dua=" + dua, UriKind.Relative)); } private void Page4BT_Click(object sender, RoutedEventArgs e) { String empat = NameTextBox.Text; NavigationService.Navigate(new Uri("/View/Page4.xaml?empat=" + empat, UriKind.Relative)); } private void Page5BT_Click(object sender, RoutedEventArgs e) { String lima = NameTextBox.Text; NavigationService.Navigate(new Uri("/View/Page5.xaml?lima=" + lima, UriKind.Relative)); } protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e) { string tiga = ""; if (NavigationContext.QueryString.TryGetValue("tiga", out tiga)) { NamaTextBlock.Text = String.Format("Nama = {0}", tiga); } }

Page4.xaml.cs

private void Page2BT_Click(object sender, RoutedEventArgs e) { String satu = NameTextBox.Text; NavigationService.Navigate(new Uri("/MainPage.xaml?satu=" + satu, UriKind.Relative)); } private void Page3BT_Click(object sender, RoutedEventArgs e) { String dua = NameTextBox.Text; NavigationService.Navigate(new Uri("/View/Page2.xaml?dua=" + dua, UriKind.Relative)); } private void Page4BT_Click(object sender, RoutedEventArgs e) { String tiga = NameTextBox.Text; NavigationService.Navigate(new Uri("/View/Page3.xaml?tiga=" + tiga, UriKind.Relative)); } private void Page5BT_Click(object sender, RoutedEventArgs e) { String lima = NameTextBox.Text; NavigationService.Navigate(new Uri("/View/Page5.xaml?lima=" + lima, UriKind.Relative)); } protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e) { string empat = ""; if (NavigationContext.QueryString.TryGetValue("empat", out empat)) { NamaTextBlock.Text = String.Format("Nama = {0}", empat); } }

Page5.xaml.cs

private void Page2BT_Click(object sender, RoutedEventArgs e) { String satu = NameTextBox.Text; NavigationService.Navigate(new Uri("/MainPage.xaml?satu=" + satu, UriKind.Relative)); } private void Page3BT_Click(object sender, RoutedEventArgs e) { String dua = NameTextBox.Text; NavigationService.Navigate(new Uri("/View/Page2.xaml?dua=" + dua, UriKind.Relative)); } private void Page4BT_Click(object sender, RoutedEventArgs e) { String tiga = NameTextBox.Text; NavigationService.Navigate(new Uri("/View/Page3.xaml?tiga=" + tiga, UriKind.Relative)); } private void Page5BT_Click(object sender, RoutedEventArgs e) { String empat = NameTextBox.Text; NavigationService.Navigate(new Uri("/View/Page4.xaml?empat=" + empat, UriKind.Relative)); } protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e) { string lima = ""; if (NavigationContext.QueryString.TryGetValue("lima", out lima)) { NamaTextBlock.Text = String.Format("Nama = {0}", lima); } }

• Nah kalau sudah di buat scrip nya makan hasilnya akan seperti ga,bar di bawah ini :

Related Post: