次に、「説明」プロパティに、XML文書内の「説明」要素の値を指定します。FlipView1コントロールのItemsSourceにmyImageInfoオブジェクトを指定します。Classここで、App.xaml.vbのフレームレートカウンタの設定も「False」に変更しておきましょう。詳細は第3回の「コントロールの配置」の項を参照してください。それでは、編集したリスト4を実行してみましょう。「23”Desktop(1920×1080)100%スケール」を選択し、ローカルコンピューターを選択します。実行結果は図6のようになります。図6の状態から画面の幅を狭くすると図7のように表示されます。画面の幅を狭くすると画像サイズも小さくなり、説明が下段に表示された次に、エミュレーターで表示させてみましょう。512MB」に変更して実行すると、図8のようにエミュレーター内に画像が表示されます。エミュレーターの表示結果。マウスをドラッグすると画像を切り替えることができる。画面に合わせて画像サイズも小さくなり、説明も下段に表示されたいかがでしょうか。皆さんの環境でも動作を確認できたでしょうか。今回のサンプルファイルはこちらからダウンロードできます(UniverslApp4.zip)。今回はFlipViewコントロールを使って画像と説明テキストを表示し、画面のサイズによって説明テキストを縦横の位置に変更する方法を解説しました。画面が広い状態では説明テキストが画像の横に表示され、画面を狭くすると縦に表示されるようにしてみました。次回はGridViewを使ったサンプルを紹介します。GridView内に画像を表示し、画面サイズによって表示方法を変化させてみます。プログラミングと、マイクロソフト系の技術をテーマとした、書籍や記事の執筆を行う。事務系のサラリーマンだった40歳から趣味でプログラミングを始め、1996年より独学でActiveXに取り組む。活動に本格的に参加、.NETやRIAに関する書籍や記事を多数執筆する傍ら、受託案件のプログラミングも手掛ける。