撮影した写真と手持ちの画像を合成して保存するサンプルアプリ

2012年12月11日(火)
薬師寺 国安

今回のサンプルは、2枚の画像を合成して、ピクチャライブラリ内のTextureというサブフォルダーに保存するサンプルです。

画面には[元画像]、[合成]、[テクスチャ]、[保存]の4つのボタンが表示されています。[元画像]をクリックして任意の画像を選択します。次に[テクスチャ]ボタンから、元の画像と合成したい画像(例えば柄模様の画像など)を選択します(図1)。[合成]ボタンをクリックすると2枚の画像が合成して表示されます(図2)。[保存]ボタンをクリックすると合成した画像が保存されます(図3)。

図1:元となる画像と合成したい画像を選択した(クリックで拡大)
図2:[合成]ボタンをクリックした2枚の画像を合成した(クリックで拡大)
図3:[保存]ボタンをクリックし、Textureフォルダーに保存した(クリックで拡大)

実際に動かした動画は下記のようになります。Windows Store Applicationの動画を撮るアプリケーションが存在していませんので、スマホで撮った動画です。見難い点はご了承願います。

サンプル一式は、会員限定特典としてダウンロードできます。記事末尾をご確認ください。

プロジェクトの作成

VS 2012のメニューから[ファイル(F)/新規作成(N)/プロジェクト(P)]と選択します。次に、「テンプレート」から「Windows ストア」を選択し、右に表示される項目名から「新しいアプリケーション(XAML)」を選択します。「名前(N)」に任意のプロジェクト名を指定します。ここでは「Win8_WriteableBitmapEx_Bilt」という名前を付けています。

NuGetパッケージの管理

今回はCodePlexで公開されている、WriteableBitmapEx1.0を使用します。WriteableBitmapEx1.0については下記のURLを参照してください。
→ WriteableBitmapEx

WriteableBitmapEx1.0をインストールするには、ソリューションエクスプローラー内の「全てのファイルを表示」して、表示された「参照設定」の上でマウスの右クリックをします。「NuGetパッケージの管理(N)」が表示されます(図4)。

図4:「NuGetパッケージの管理(N)」を表示する(クリックで拡大)

表示された画面の左に表示されている、「オンライン」を選択し、検索欄にWriteableBitmapExと入力します。するとWriteableBitmapExの〔インストール(I)〕画面が表示されますので(図5)、インストールをクリックします。

図5:「NuGetパッケージの管理(N)」からWriteableBitmapExをインストールする(クリックで拡大)

インストールが成功するとインストール済みのチェックアイコンが表示されます(図6)。

図6:インストール済みのチェックアイコンが表示される(クリックで拡大)

[閉じる]ボタンをクリックして画面を閉じます。ソリューションエクスプローラー内の「参照設定」を見るとWriteableBitmapEx.WinRTが追加されています。同時にWriteableBitmapEx.WinRTの情報が記述された、packages.configも作成されます(図7)。

もし、WriteableBitmapEx.WinRTを削除して、再度「NuGetの管理(N)」からインストールしようとしても、このpackages.configが存在していると、インストール済みとなってしまいますので、このファイルも削除する必要があります。

図7:「参照設定」内にWriteableBitmapEx.WinRT が追加された。またpackages.config もプロジェクト内に追加されている(クリックで拡大)
  • 2枚の画像を合成して保存するサンプルアプリ

薬師寺国安事務所

薬師寺国安事務所代表。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メルマガ会員のサービス内容を見る

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