国安Tweet前回は、画面のサイズによって表示されている文字や背景の色、画像サイズを変更させる方法を紹介しました。第5回の今回は、「FlipView」を使ったユニバーサルアプリの作成方法について見ていきます。FlipViewとはFlipViewは、複数の画像をコレクション内に格納して画像をマウスホバーすることでナビゲーションボタンを表示し、クリックするとコレクション内で移動できるコントロールです。タッチ操作が可能なタブレットなどでは、タッチ操作で画像を左右にスワイプして画像を切り替えることが可能です。FilipViewの詳細な説明については下記のURLを参照してください。2015を起動し、新しいプロジェクトを作成します。詳細な手順は、第2回の「プロジェクトの作成」の項を参照してください。今回の「プロジェクト名」は「UniversalApp4」と指定します。[OK]ボタンをクリックすると、「UniversalApp4」のプロジェクトが起動します。ソリューションエクスプローラー内のMainPage.xamlをダブルクリックすると、デザイン画面とXAMLコードの記述された画面が表示されます。このデザイン画面にコントロールを配置していきます。新しいフォルダーの作成と画像の追加コントロールを配置する前に、ソリューションエクスプローラー内に「Image」というフォルダーを作成し、10枚の画像を追加します。詳細な手順は、第2回の「新しいフォルダーの作成と画像の追加」の項を参照してください。ここで追加する画像はサンプルファイルに含まれています。適当な画像がお手元にない場合はご利用ください。サンプルファイルはこちらからダウンロードできます(UniversalApp4.zip)。2015のメニューから「プロジェクト」→「新しい項目の追加」と選択し、「新しい項目の追加」画面の左に表示される項目から「データ」を、右に表示される項目から「XMLファイル」を選択します。「名前」には「photo_etc.xml」と指定して、[追加]ボタンをクリックします(図1)。XMLフィルの追加画面エディタ画面が表示されるので、リスト1のようにXML文を作成します(サンプルファイルに編集済みのXMLファイル(photo_etc.xml)が含まれています)。<説明>抜けるような青空に,銀杏の木が突き刺さっている。間もなくこの銀杏も黄金色に変わるだろう。