検索
連載

Windows Phoneで動くカメラアプリ作成の基礎知識：Silverlightベースで作るWP7アプリ開発入門（7）（3/3 ページ）

Share
Tweet
LINE
Hatena
前のページへ | 　　　　　　

Picture Hubに保存

　2つ目のPicture Hubへの保存を実装してみましょう。Picture Hubボタンを選択してプロパティパネルからTapイベントを作成します。ダブルクリックすると自動的にイベントハンドラが作成されます。

イベントハンドラの設定
イベントハンドラの設定

　Visual Studioに移動して実装しましょう。今回は「MemoryStream」を利用するので、参照設定に「Microsoft.Xna.Framework」をusingで追加します。

using Microsoft.Xna.Framework.Media;

　コードはピクセルをWriteableBitmapにコピーするところまでは同じです。

private void PictureButton_Tap(object sender, System.Windows.Input.GestureEventArgs e)
{
    // プレビューフレームを取得するバッファーを確保する
    double pixelSize = _camera.PreviewResolution.Width * _camera.PreviewResolution.Height;
    var pixelData = new int[(int)pixelSize];
    // プレビューフレームを取得
    _camera.GetPreviewBufferArgb32(pixelData);
    //Imageに表示
    // バッファーをWriteableBitmapへコピー
    var bmp = new WriteableBitmap((int)_camera.PreviewResolution.Width, (int)_camera.PreviewResolution.Height);
    pixelData.CopyTo(bmp.Pixels, 0);
    var stream = new MemoryStream();
    bmp.SaveJpeg(stream, bmp.PixelWidth, bmp.PixelHeight, 0, 80);
    using (var medialib = new MediaLibrary())
        medialib.SavePicture("preview.jpg", stream.ToArray());
}

　Picture Hubに保存する画像形式はjpg形式です。そのため、「bmp.SaveJpeg」メソッドを使って、WriteableBitmapをjpg形式に変換します。その後、SavePictureを使い、「preview.jpg」という名前でPicture Hubに画像を保存しています。

　実行して確認しましょう。「PictureHub」ボタンをクリックすると、Picture Hubに画像を保存します。複数実行すると、「preview.jpg」「preview(1).jpg」「preview(2).jpg」と保存されました。

Picture Hubに保存されたカメラプレビューのキャプチャ
Picture Hubに保存されたカメラプレビューのキャプチャ

Isolated Storageに保存

　最後に、分離ストレージに画像を保存してみましょう。「Isolated Storage」ボタンを選択してプロパティパネルから「Tap」イベントを作成します。ダブルクリックすると、自動的にイベントハンドラを作成します。

イベントハンドラの設定
イベントハンドラの設定

　Visual Studioに移動して実装しましょう。今回もWriteavleBitmapへコピーする部分まで同じです。

private void IsolatedButton_Tap(object sender, System.Windows.Input.GestureEventArgs e)
{
    // プレビューフレームを取得するバッファーを確保する
    double pixelSize = _camera.PreviewResolution.Width * _camera.PreviewResolution.Height;
    var pixelData = new int[(int)pixelSize];
    // プレビューフレームを取得
    _camera.GetPreviewBufferArgb32(pixelData);
    //Imageに表示
    // バッファーをWriteableBitmapへコピー
    var bmp = new WriteableBitmap((int)_camera.PreviewResolution.Width, (int)_camera.PreviewResolution.Height);
    pixelData.CopyTo(bmp.Pixels, 0);
    using (var store = IsolatedStorageFile.GetUserStoreForApplication())
    using (var strm = store.CreateFile("preview.jpg"))
    {
        bmp.SaveJpeg(strm, bmp.PixelWidth, bmp.PixelHeight, 0, 100);
    }
}

　分離ストレージにファイルを保存するには「IsolatedStorageFile」を利用します。その後ファイル名を指定し、同じくbmp.SaveJpegで保存しています。

ツールで分離ストレージの中身を確認

　アプリの分離ストレージを確認する方法はいくつかあります。代表的なものとして、Windows Phone SDK 7.1標準搭載の「Isolated Storage Explorer Tool」や、オープンソースの「Windows Phone 7 Isolated Storage Explorer」などがあります。


　今回はフリーソフトの「Empressia Windows Phone Tool」を利用してみましょう。Empressia Windows Phone ToolはVectorからダウンロードできます。

　Empressia Windows Phone ToolはIsolated Storage Explorer ToolsのGUIアプリです。まずは、取り込みをクリックして、分離ストレージを参照したいアプリの「WMAppManifest.xml」を選択します。

　リモート表示更新をクリックし、少し待ちます。しばらくすると分離ストレージが階層化されて表示されます。ここではpreview.jpgが確認できました。ローカルからリモートへファイルを保存したり、リモートからローカルへファイルを取り出すことも可能です。

Empressia Windows Phone ToolはIsolated Storage Explorer Toolsを使った分離ストレージの参照
Empressia Windows Phone ToolはIsolated Storage Explorer Toolsを使った分離ストレージの参照

カメラを使ってAR（拡張現実）アプリも

　今回はカメラプレビューの利用と3種類の出力について紹介しました。今回のアプリのソースコードは、こちらからダウンロードできます。

　オープンソースの集約サイト「CodePlex」には、いくつかカメラプレビューを使ったライブラリがあり、例えばSilverlightでAR（拡張現実）を実現できるライブラリ「SLARToolkit」などはWindows Phoneでも利用できます。


　また、カメラやセンサを手軽に利用できるのはスマートフォンの強みです。iPhoneやAndroidにはカメラを使ったアプリが多くあるので、著作権を侵さない程度でWindows Phoneアプリ開発の参考にしてみてはいかがでしょうか。

著者紹介

Windows Phone Arch代表

泉本優輝

UIデザインからプログラミング、表現までやりたい、自称クリエイティブデザイナ

“さわってみたい”を創ることが目標。フィジカルコンピューティングなどの試作を行う傍ら、コミュニティ活動ではExpression Blendを中心としたセッションを行っている


「次回」へ


「Silverlightベースで作るWP7アプリ開発入門」バックナンバー

Copyright © ITmedia, Inc. All Rights Reserved.

前のページへ | 　　　　　　
ページトップに戻る