SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

DeveloperZine(デベロッパージン)- エンジニアの意思決定を支える技術情報メディア ProductZine

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

速習 Windowsストアアプリケーション

Windowsストアアプリの画面構成部品、コントロール

速習 Windowsストアアプリケーション 第3回

広告

 Windowsストアアプリケーションで広告を表示するためのコントロールは、標準では存在せず、「Microsoft Advertising SDK for Windows 8」のインストールと「Microsoft Advertising pubcenter」でのアカウント作成が必要になります。

その他

 その他として、これまでの分類に当てはまらなかったコントロールを紹介します。

 ロード中やダウンロード中を表すプログレスバーや、Webサイトをアプリ内で表示するためのWebViewといったコントロールがあります。

ProgressRing・ProgressBar

 ProgressRing、ProgressBarは、なんらかの処理中であることを表すコントロールです。

 Windowsストアアプリケーションは、滑らかな動作が大切です。もし、画面が何らかの処理中である場合、これらのコントロールで処理中であることを視覚的に表現すると良いでしょう。

ProgressRingの表示(リング上に点が回転する)
ProgressRingの表示
progressBarの表示(左から右に点が流れる)
progressBarの表示
ProgressBarのコード
<ProgressBar HorizontalAlignment="Left" Height="10" Margin="138,676,0,0" VerticalAlignment="Top" Width="154" IsIndeterminate="True"/>

WebView

 WebViewは、コントロールの範囲内にWebサイトを表示することができます。

 Webサイトの表示は、別途ブラウザアプリを立ち上げてそこで表示する方法と、WebViewコントロールを利用してアプリ内で表示する方法があります。

WebViewの表示
WebViewの表示

Image

 Imageは、画像を表示するためのコントロールです。XAML内で画像を表示する方法として、コントロールの背景に画像を指定する方法もありますが、通常はImageコントロールを利用します。

MediaElement

 MediaElementは、音声や動画などを扱うコントロールです。動画の再生、音声の再生はこのコントロールを利用します。

まとめ

 本記事では、Windowsストアアプリケーションの主だったコントロールを紹介しました。

 WindowsストアアプリケーションはUIに対するガイドラインが用意され従来のWPFやSilverlignt開発と異なったUI設計が求められますので、コントロールの使い方を理解した上で「Windows ストア アプリの設計ガイダンス」などを確認して画面を作成しましょう。

 第1回第2回とプロジェクトテンプレートについて学び、今回のコントロールを知ることで画面を作成できるようになりました。

 今後は、Windowsストアアプリケーションの機能について掘り下げていきたいと思います。次回は特に特徴的な機能コントラクトについて説明する予定です。

修正履歴

この記事は参考になりましたか?

連載通知を行うには会員登録(無料)が必要です。
既に会員の方はを行ってください。
速習 Windowsストアアプリケーション連載記事一覧

もっと読む

この記事の著者

西村 誠(ニシムラ マコト)

 Microsoft MVP Windows Platform Development。 Flash、PHPの開発経験もあり国産ECサイト構築フレームワーク「EC-CUBE」の公式エバンジェリストでもある。 ブログ:眠るシーラカンスと水底のプログラマー 著書:基礎から学ぶ Windowsストアアプリ開発

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

CodeZine(コードジン)
https://codezine.jp/article/detail/6914 2012/12/21 14:00

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー