縦向きのページ」を選択し、「名前(N)」にpersonalInfoPage.xamlと指定して、[追加(A)]ボタンをクリックします。このページには選択した氏名の詳細データが表示されます。表示されるエミュレーターデザイン画面上の、PageTitleというNameを持つTextBlockの、Textの値を削除します。ここにはプログラムから「氏名」が表示されます。ツールボックスからTextBlockを9個、Imageコントロールを1個配置します。書き出されるXAMLコードをリスト3のように編集します。編集されたXAMLコード(personalInfoPage.xaml)(1)TurnstileTransitionm(画面が右から左に回転するトランジッション)のコードを追加しています。<phone:PhoneApplicationPage>要素にtoolkitという名前空間を追加する必要があります。APIを使ってWeb検索とImage検索を実装する」を参照してください。App.xaml内のコードを書きかえる点も忘れないようにしてください。日本語版では、フォントの設定なしにアプリケーションを実行し、タイトルやテキストに日本語を使った場合、日本語フォントが使われないで変な表示になってしまうことがあります。要素内に、子要素として、項目名となる<TextBlock>要素を5個と値を表示する<TextBlock>要素を4個、<Image>要素を1個配置しています。背景色)にはRedを指定しています。~コード略~</phone:PhoneApplicationPage>図3のような表示になります。図3:各コントロールを配置した(クリックで拡大)次に、MainPage.xamlを展開して表示される、MainPage.xaml.vbをダブルクリックしてリスト4のコードを記述します。ImageInfoクラス内に、文字列型の「画像名」プロパティを定義しています。メール」、「画像」プロパティを定義しています。XML要素を表すXElementクラス型のメンバ変数、myDocとreadXmlを宣言しています。Itemsページが読み込まれた時の処理XElement.LoadメソッドでXML文書ファイル(photo_etc.xml)を読み込みます。ImageInfoクラス型の新しいリストmyImageInfoオブジェクトを作成します。格納しながら、ImageInfoクラスの「画像名」プロパティに、<画像名>要素の値を指定し、AddメソッドでmyImageInfoオブジェクトに追加していきます。2ページ目のimageListBoxのItemsSourceプロパティにmyImageInfoオブジェクトを追加します。画像の一覧が表示されます。サーバーからperonalInfo.xmlを読み込み、その内容を表示するDownLoadXmlDataプロシージャを実行します。Sub2ページ目の画像一覧から任意の画像が選択された時の処理DirectCastでimageListBoxから選択された項目を、ImageInfoクラスにキャストして、「画像名」プロパティの値を取得して、変数selectImageNameに格納します。Image1のSourceプロパティに相対Uriで指定したselectImageName変数の値を指定します。Pivot1のSelectetdIndexプロパティに0を指定することで、自動的に入力ページに戻ります。これで1ページ目の画像の欄に、2ページ目の画像一覧から選択した画像が反映されます。薬師寺国安(VBプログラマ)と、薬師寺聖(デザイナ、エンジニア)によるコラボレーション・ユニット。HTMLとDirectAnimationの普及を目的として結成。共同開発やユニット名義での執筆活動を行う。XMLおよび.NETに関する著書や連載多数。ITでは、より付加価値の高いコンテンツを会員サービスとして提供しています。ITのWebサイトにログインすることでさまざまな限定特典を入手できるようになります。「コンテナ」の概要を知る2020/2/21設計/手法/テスト技術解説データ中心設計(DOA)に基づいたデータモデリング2020/2/20クラウド技術解説Rancherコードリーディング入門(3/3)2020/2/19開発ツールイベントGitHub、エンタープライズ向けのイベントを国内で開催。VeloCloudが選ばれる理由SD-WANとはなにか。Linuxエンジニア育成への思いF5とNGINXの組み合わせで、サービス公開をよりセキュアに。ITがお届けするポッドキャストです。