Navigate Page2

Button のクリックで次々とページを移動します。
MainPage ⇔ BlankPage1 ⇔ BlankPage2 ⇔ BlankPage3

前田稔の超初心者のプログラム入門

プログラムの説明

  1. ページを移動(MainPage ⇔ BlankPage1 ⇔ BlankPage2 ⇔ BlankPage3)します。
    このページは Navigate Page の続きです。
    [空白アプリ(ユニバーサル Windows)]からプロジェクトを構築します。
  2. ボタンのクリックで Navigate する3枚のページを [Add][New Item] から [XAML][空白のページ] で追加します。
    TextBlock のプロパティから Foreground を選択してテキストに色を設定します。
    ナビゲートするボタン(Button_Click, Back_Button_Click)を設定します。
    ページ名TextBlockColorNext ButtonBack Button
    MainPage.xaml Main Page 黒 規定値 BlankPage1 無し
    BlankPage1.xaml Navigate Page NO-1 赤 Foreground="#FFF30909" BlankPage2 MainPage
    BlankPage2.xaml Navigate Page NO-2 緑 Foreground="#FF25A816" BlankPage3 BlankPage1
    BlankPage3.xaml Navigate Page NO-3 青 Foreground="#FF2616C0" 無し BlankPage2
  3. ボタンクリックのイベントハンドラをコーディングします。
    MainPage.xaml.cs(MainPage→BlankPage1)
        private void Button_Click(object sender, RoutedEventArgs e)
        {
            this.Frame.Navigate(typeof(BlankPage1), "AllGroups");
        }
    
    BlankPage1.xaml.cs(BlankPage1→BlankPage2, BlankPage1→MainPage)
        private void Button_Click(object sender, RoutedEventArgs e)
        {
            this.Frame.Navigate(typeof(BlankPage2), "AllGroups");
        }
        private void Back_Button_Click(object sender, RoutedEventArgs e)
        {
            this.Frame.Navigate(typeof(MainPage), "AllGroups");
        }
    
    BlankPage2.xaml.cs(BlankPage2→BlankPage3, BlankPage2→BlankPage1)
        private void Button_Click(object sender, RoutedEventArgs e)
        {
            this.Frame.Navigate(typeof(BlankPage3), "AllGroups");
        }
        private void Back_Button_Click(object sender, RoutedEventArgs e)
        {
            this.Frame.Navigate(typeof(BlankPage1), "AllGroups");
        }
    
    BlankPage3.xaml.cs(BlankPage3→BlankPage2)
    <table border="1"><tr><td><pre>
        private void Back_Button_Click(object sender, RoutedEventArgs e)
        {
            this.Frame.Navigate(typeof(BlankPage2), "AllGroups");
        }
    
  4. ビルド&実行すると、ボタンのクリックでページが移り変わります。
    MainPage ⇔ BlankPage1 ⇔ BlankPage2 ⇔ BlankPage3

超初心者のプログラム入門(C# Frame Work)