Windows8 画像コントロール(Image) へファイルから表示する手順(C#)

1) FileOpenPicker オブジェクトを使って、目的のファイルに対応する StorageFile オブジェクトを作成
2) StorageFile オブジェクトの OpenAsync メソッドで目的のファイルに対するストリーム(random-access stream)を取得
3) BitmapImage オブジェクトの SetSource メソッドでストリームを渡す
4) BitmapImage そのものを、Image コントロールの Source プロパティにセット

private async Task DisplayImageFileAsync(StorageFile file)
{
	// Request persisted access permissions to the file the user selected.
	// This allows the app to directly load the file in the future without relying on a
	// broker such as the file picker.
	m_fileToken = m_futureAccess.Add(file);

	// Display the image in the UI.
	BitmapImage src = new BitmapImage();
	src.SetSource(await file.OpenAsync(FileAccessMode.Read));
	Image1.Source = src;
	AutomationProperties.SetName(Image1, file.Name);

	// Use BitmapDecoder to attempt to read EXIF orientation and image dimensions.
	await GetImageInformationAsync(file);

	ExifOrientationTextblock.Text = Helpers.GetOrientationString(m_exifOrientation);
	UpdateImageDimensionsUI();

	ScaleSlider.IsEnabled = true;
	RotateLeftButton.IsEnabled = true;
	RotateRightButton.IsEnabled = true;
	SaveButton.IsEnabled = true;
	SaveAsButton.IsEnabled = true;
	CloseButton.IsEnabled = true;
}

▲ Microsoft の実際のサンプルコード
FileAccessMode enumeration

Windows8 の非同期処理(C#)

Windows8 の非同期処理は、イベント用のコールバックメソッドを用意するのでは無く、同期処理のようにソース行の記述と同じ順序で処理を実行する事ができます。その為に必要な記述方法として、await 演算子とasync キーワード が用意されています。



await 演算子を使うメソッドには、async キーワードでマークされた宣言が必要です。

非同期メソッドの戻り値の型は Task または Task<TResult> です。

最も外側のメソッドで try/catch ブロックを使うと、ネストされている非同期メソッドのエラーをキャッチできます(同期メソッドで例外をキャッチする方法と同様)。


Microsoft の解説ページ

非同期 API の呼び出し
FileOpenPicker.PickSingleFileAsync

// 呼び出し側
private async void Open_Click(object sender, RoutedEventArgs e)
{
	ResetPersistedState();
	ResetSessionState();

	try
	{
		rootPage.NotifyUser("Opening image file...", NotifyType.StatusMessage);

		StorageFile file = await Helpers.GetFileFromOpenPickerAsync();

		await DisplayImageFileAsync(file);

		rootPage.NotifyUser("Loaded file from picker: " + file.Name, NotifyType.StatusMessage);
	}
	catch (Exception err)
	{
		rootPage.NotifyUser("Error: " + err.Message, NotifyType.ErrorMessage);
		ResetSessionState();
		ResetPersistedState();
	}
}

// 非同期メソッド
public static async Task<StorageFile> GetFileFromOpenPickerAsync()
{
	// Attempt to ensure that the view is not snapped, otherwise the picker will not display.
	if (ApplicationView.Value == ApplicationViewState.Snapped && !ApplicationView.TryUnsnap())
	{
		throw new Exception("File picker cannot display in snapped view.");
	}

	FileOpenPicker picker = new FileOpenPicker();
	FillDecoderExtensions(picker.FileTypeFilter);
	picker.SuggestedStartLocation = Windows.Storage.Pickers.PickerLocationId.PicturesLibrary;
	StorageFile file = await picker.PickSingleFileAsync();

	if (file == null)
	{
		throw new Exception("User did not select a file.");
	}

	return file;
}

▲ サンプル全体はこちらから参照できます

Windows8(C#) ２ページテンプレート

ページ追加に関しては、Visual Studio 2012 が正常なら普通にページ追加するだけなのですが、フリーズするという現象が起きているので、テンプレートを作成して運用しています。

「C:\Users\ユーザ名\Documents\Visual Studio 2012\Templates\ProjectTemplates\Visual C#」ディレクトリに「Windows Store」ディレクトリを作成し、その中にテンプレートを入れる

また、Microsoft の解説ページにある『クイック スタート: アプリ バーの追加』 を付加してあります。

だいたいのソースコードは以下から参照できます。

MainPage : xaml / cs
BasicPage1 : xaml / cs

特に以下の部分は、WebView をキャプチャして、Rectangle に書き込むところなのでチェックしておくといいと思います。

private void AppBar_Opened(object sender, object e)
{
	WebViewBrush wvb = new WebViewBrush();
	wvb.SourceName = "contentView";
	wvb.Redraw();
	contentViewRect.Fill = wvb;
	contentView.Visibility = Windows.UI.Xaml.Visibility.Collapsed;
}

ドキュメントリンク

windows8