Photo Store のデモ

更新 : 2007 年 11 月

Photoshop Store のデモは、Windows Presentation Foundation (WPF) の複数の異なる機能を使用するエンドツーエンドのリッチ クライアント アプリケーションです。ユーザー インターフェイス (UI) は、視覚的に人の目を引く UI を作成するために多くのスタイル設定方法を利用します。効果的なアニメーション使用してユーザー エクスペリエンスを拡張し、特定の UI 要素に対する関心を引きます。写真編集のサポートが含まれ、イメージの回転、トリミング、または白黒への変換機能を示しています。写真操作の複数レベルの取り消しもサポートされます。

Windows Presentation Foundation (WPF) と Microsoft .NET Framework のアプリケーション開発ベスト プラクティスの包括的な説明については、適宜、次のトピックを参照してください。

ユーザー補助 - 「ユーザー補助のベスト プラクティス

セキュリティ - 「Windows Presentation Foundation のセキュリティ

ローカリゼーション - 「WPF のグローバリゼーションおよびローカリゼーションの概要

Download sample

サンプルのビルド

  • Windows ソフトウェア開発キット (SDK) をインストールして、そのビルド環境のコマンド ウィンドウを開きます。[スタート] メニューの [すべてのプログラム]、[Microsoft Windows SDK] の順にポイントし、[CMD シェル] をクリックします。

  • サンプルをハード ディスク ドライブにダウンロードします。通常は、ソフトウェア開発キット (SDK) のドキュメントからダウンロードします。

  • ビルド環境のコマンド ウィンドウからサンプルをビルドするには、サンプルのソース ディレクトリに移動します。コマンド プロンプトで「MSBUILD」と入力します。

  • Microsoft Visual Studio でサンプルをビルドするには、サンプル ソリューションかプロジェクト ファイルを読み込んで、Ctrl キーと Shift キーを押しながら B キーを押します。

サンプルの実行

  • コンパイルしたサンプルをビルド環境のコマンド ウィンドウから実行するには、サンプルのソース コード フォルダの下にある Bin\Debug または Bin\Release フォルダで .exe ファイルを実行します。

  • コンパイルしたサンプルを Visual Studio でデバッグしながら実行するには、F5 キーを押します。

解説

このサンプルには、デモンストレーションの目的でショッピング カート機能が含まれています。デモンストレーション アプリケーション内の写真や製品は実際に販売されているものではありません。

このアプリケーションでは、ナビゲーションのためにキーボード コマンドがサポートされます。方向キーを使用して写真を選択できます。Tab キーは、UI のさまざまな部分へのナビゲーションをサポートします。

イメージの一部をトリミングするには、マウスの左ボタンを押したままそのイメージの一部をマウスでドラッグするだけです。この操作で、イメージの選択した部分を囲む黄色の境界線が描画されます (目的のトリミング領域)。これで、[Crop] ボタンが使用できるようになります。

参照

概念

アニメーションの概要

参照

System.Windows.Media.Imaging

BitmapImage

DataTemplate

DoubleAnimation

ControlTemplate