第4回　画面を構成するさまざまなコントロールと画面遷移：連載：Windowsストア・アプリ開発入門（4/6 ページ）

画面遷移をテストする

　それでは、画面遷移をテストしてみよう。デバッグ実行して、イベントハンドラを設定したListViewItemコントロールをタップ／クリックする。想定どおりに2番目の画面に遷移し、2番目の画面で［戻る］ボタンをタップ／クリックすると、メイン画面に戻るはずだ。

　スペックを満たした画面遷移ができたようだ。もう一度、今度はメイン画面をスクロールさせてから、同じテストを行ってみよう（次の画像）。

スクロールさせてから2番目の画面へ行って帰ってくると……（実行結果）
メイン画面をスクロールしておく（上）。
2番目の画面に遷移する（中）。画面遷移してきたときは、［戻る］ボタンが表示されている。
［戻る］ボタンでメイン画面に遷移すると、スクロール状態は初期化されている（下）。

　メイン画面に戻ったときに、スクロール状態は初期状態に戻ってしまう。

　さてもう一度、今度は2番目の画面を表示しているときに、［デバッグの場所］ツールバー（表示されていないときはメニューバーの［表示］−［ツール バー］−［デバッグの場所］で表示）で［中断とシャットダウン］を選んでデバッグ実行を終了してみる（次の画像）。

［中断とシャットダウン］を選んでデバッグ実行を終了させる

　この操作は、エンドユーザーがほかのアプリに切り替えたりWindowsをシャットダウンしたりしたときなどに自動的にアプリが終了させられる状況をシミュレートするものだ。デバッグ実行が終了したら、再びデバッグ実行してみよう。すると、メイン画面ではなく、2番目の画面がいきなり表示されるはずだ。そして、［戻る］ボタンが表示されているのでタップ／クリックしてみると、メイン画面に遷移する。これは、自動生成されたSuspensionManagerクラス（＝Commonフォルダ内の「SuspensionManager.cs」ファイル）の機能である。画面遷移の履歴を自動的に保存し、次の起動時に復元してくれるのだ*4。

スペックを見直す

　では、メイン画面に帰ってくるとスクロール状態が元に戻ってしまった問題に戻ろう。これはスペックを検討したときに気付かなかったことだ。なぜこうなるのか、また、どう対処すべきなのだろうか？

　この現象は、画面遷移すると元の画面のインスタンスが破棄されるために起きている。2番目の画面に遷移したときに元のメイン画面のインスタンスは捨てられてしまい、［戻る］ボタンで遷移するときにメイン画面のインスタンスが新しく生成されているのだ。

　「画面遷移で元の画面は捨てられる」、このことはよく覚えておいてほしい。

　さて、どう対処すべきだろう。まず、再び表示したときに以前と同じ状態になっているべきかという、スペックの問題だ。次に、状態を復元すべきとなったときには、どうやってそれを実現するかという、実装の問題になる。

　スペックを考えてみると、2番目の画面では再表示時に初期化されても構わないだろう。メイン画面で記事タイトルをタップ／クリックして記事を読みにいくときに、前回読んだときのスクロール位置が再現されると期待するユーザーはそれほどいないだろうからだ。対してメイン画面は、再表示時に以前の状態が復元されるべきだろう。特にメイン画面の右の方の記事タイトルを読みにいって、帰ってきて次の記事を読もうとしたときにまたメイン画面の右の方までスクロールするのはストレスを感じるだろう。

　そこでこのアプリでは、メイン画面だけ状態を復元することにしよう。その実装方法には、2通りある（次の表）。

　本アプリでは、1番目の方法を採用しよう。「HubPage.xaml」ファイルを開いて、最初の開始タグに1行追加するだけだ（次のコード）。

　これでテストをやり直してみよう。今度は、2番目の画面に行って帰ってきたときにメイン画面のスクロール状態が復元されるはずだ。

まとめ

　今回は、2つ目の画面を作り、メイン画面からの画面遷移を組み込んだ。画面遷移のスペックを決める際には、再表示のときにどうするかの検討も必要だと学んだ。

• 画面を構成するために標準で用意されているコントロールを概観した
• WebViewコントロールを使ってWebページを表示する2つ目の画面を作った
• 画面遷移は、行きはFrame.Navigateメソッド、帰りはFrame.GoBackメソッドを使う
• 画面遷移で元の画面インスタンスは捨てられる（キャッシュさせることも可能）

　次回は「データを画面に表示する」。ここまで、画面にはハードコーディングした文字列などを表示してきた。次は、「データバインディング」という仕組みを使って、コードとは別に用意したデータを画面に表示できるようにする予定だ。期待してほしい。