Boost」など、さまざまなカンファレンスを企画・運営しています。BOOKS(コードジン・ブックス)は、CodeZineの連載からカットアップした、開発現場の課題解決に役立つ書籍シリーズです。8が発売され、タッチ操作向けのアプリケーションのストア「Windowsストア」がオープンしました。本記事ではその新しい「Windowsストア」向けのアプリケーションを開発するお手伝いをします。今回は、メディアファイルについて紹介していきます。動画の撮影まとめはじめにWindowsストアアプリ(以下、ストアアプリ)はコンテンツに集中させるために、影(シャドウ)やグラデーションを用いないレイアウトが推奨されています。そのため装飾が少ない画面となり、映像や画像などのコンテンツの品質がストアアプリの品質に大きく影響します。メディアファイルについて扱います。本記事はXAML+C#での開発を想定しています。画像ファイルストアアプリには、画像を扱うためのAPIが多数用意されています。今回は、その中から以下のAPIについての解説します。画面に画像を表示するためのImageコントロール。画像を含めてファイルを扱うためのStorageFileクラス。ビットマップデータとして扱うためのBitmapImageクラス。Imageコントロール以外のコントロールのブラシとして利用するためのImageBrushクラス。ピクセルデータを操作するためのWriteableBitmapクラス。ImageコントロールImageコントロールは、画面に画像を表示するためのコントロールです。Source="Assets/icon.png"/></Grid>Imageコントロールを配置ImageコントロールのSourceプロパティで、画像を指定します。画像のパスの指定について、ストアアプリではアプリに埋め込まれた画像と、ストレージの画像で異なるので注意しましょう。ストアアプリに埋め込まれた(Assetsディレクトリ以下のファイルなど)を指定する方法は、下記のとおりです。Source="ms-appx:///Assets/icon.png"/>最初のコードの「Assets/icon.png」という指定は「ms-appx:///Assets/icon.png」の略式指定です。ストアアプリごとに固有のストレージ領域の画像の指定は、以下のように記述します。Source="ms-appdata:///local/sample.png"/>localの部分は一時ストレージの場合は「temp」、ローミングストレージの場合は「roaming」という記載になります。StretchプロパティImageコントロールで画像を表示する際、Imageコントロールと画像の縦横サイズが異なる場合に引き伸ばし方を指定するプロパティです。Stretchプロパティは以下の値を持ちます。None:画像を引き延ばさずに表示しますFill:Imageコントロールの幅に合わせるように表示します。元の画像とImageコントロールの縦横比が異なる場合は画像の比率が維持されず、Imageコントロールに合わせて変更されます。Uniform:画像の比率を維持した状態で拡大します。UniformToFill:画像の縦横比を維持したまま、Imageコントロールを埋めるように拡大します。Imageコントロールと画像の縦横比が異なる場合は、画像がはみ出します。はみ出した画像はクリッピング(切り取り)されます。Development。Flash、PHPの開発経験もあり国産ECサイト構築フレームワーク「EC-CUBE」の公式エバンジェリストでもある。NEW1DMM.comの施策から見る、事業をむしばむ「技術負債」への処方箋──リファクタリングの「言語化」でインシデントを予防2企業の7割超が「2025年の崖」を理解していないことが明らかに。NEW1DMM.comの施策から見る、事業をむしばむ「技術負債」への処方箋──リファクタリングの「言語化」でインシデントを予防2企業の7割超が「2025年の崖」を理解していないことが明らかに。NEW1DMM.comの施策から見る、事業をむしばむ「技術負債」への処方箋──リファクタリングの「言語化」でインシデントを予防2企業の7割超が「2025年の崖」を理解していないことが明らかに。NEW新着記事一覧を見るイベント今後の予定を見るCodeZineは、株式会社翔泳社が運営するソフトウェア開発者向けのWebメディアです。「デベロッパーの成長と課題解決に貢献するメディア」をコンセプトに、現場で役立つ最新情報を日々お届けします。イラストの無断転載を禁じます。記載されているロゴ、システム名、製品名は各社及び商標権者の登録商標あるいは商標です。