観たいジャンルの動画一覧をタイルに表示するプログラムを作る

2013年4月25日(木)
薬師寺 国安

Windows ストア空白のページの作成(WebBrowserPage.xaml)

VS2012のメニューの「プロジェクト(P)/新しい項目の追加(W)」と選択して、左に表示される項目からWindows ストアを選択します。
右に表示されるテンプレートから「空白のページ」を選択します。「名前(N):」にはAKB48Youtube.xamlと指定して、[追加(A)]ボタンをクリックします。

コントロールの配置

表示されたWebBrowserPage.xamlのデザイン画面に、ツールボックスからWebViewコントロールを1個、TextBlockコントロールを1個配置します(図4)。書き出されるXAMLはリスト2になります。

図4:各コントロールを配置した(クリックで拡大)

リスト2 書き出されたXAMLコード(WebBrowserPage.xaml)

  • (1) 名前がWebView1という要素を配置しています。
  • (2) 要素を配置し、Textプロパティにメッセージを表示しています。
<Page
  x:Class="AKB48Youtube.AKB48Youtube"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:local="using:AKB48Youtube"
  xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">

  <Grid Background="{StaticResourceApplicationPageBackgroundThemeBrush}">
    <WebViewx:Name="WebView1" HorizontalAlignment="Left" Height="400" Margin="85,0,0,0" VerticalAlignment="Top" Width="650"/>■(1)
    <TextBlockHorizontalAlignment="Left" Height="198" Margin="85,421,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="650" FontFamily="Meiryo UI" FontSize="48" Foreground="Red" Text="メニューに戻る場合は動画の画面をタップして、動画を停止してから戻ってください。"/>■(2)
  </Grid>
</Page>
  • 観たいジャンルの動画一覧をタイルに表示するプログラムサンプル

薬師寺国安事務所

薬師寺国安事務所代表。Visual Basic プログラミングと、マイクロソフト系の技術をテーマとした、書籍や記事の執筆を行う。
1950年生まれ。事務系のサラリーマンだった40歳から趣味でプログラミングを始め、1996年より独学でActiveXに取り組む。1997年に薬師寺聖とコラボレーション・ユニット PROJECT KySS を結成。2003年よりフリーになり、PROJECT KySS の活動に本格的に参加、.NETやRIAに関する書籍や記事を多数執筆する傍ら、受託案件のプログラミングも手掛ける。Windows Phoneアプリ開発を経て、現在はWindows ストア アプリを多数公開中

Microsoft MVP for Development Platforms - Client App Dev (Oct 2003-Sep 2012)。Microsoft MVP for Development Platforms - Windows Phone Development(Oct 2012-Sep 2013)。Microsoft MVP for Development Platforms - Client Development(Oct 2013-Sep 2014)。Microsoft MVP for Development Platforms-Windows Platform Development (Oct 2014-Sep 2015)。

連載バックナンバー

Think ITメルマガ会員登録受付中

Think ITでは、技術情報が詰まったメールマガジン「Think IT Weekly」の配信サービスを提供しています。メルマガ会員登録を済ませれば、メルマガだけでなく、さまざまな限定特典を入手できるようになります。

Think ITメルマガ会員のサービス内容を見る

他にもこの記事が読まれています