読者です 読者をやめる 読者になる 読者になる

cafe. Blend

Expression Blend 勉強会

その24:画像をジェスチャーで操作する。しかもノンコーディングで。

WindowsPhone7 連載:0から始めるExpression Blend 4 再入門

以前のジェスチャーの実装方法で、こんなふうに書きました。
Windows Phone 7 のはてなフォトライフビューワを作る (後編)その3ージェスチャーを実装しようー
http://d.hatena.ne.jp/c-mitsuba/20110312#1299859371

しかし、やっぱりUIにコードを書きたくないので、ビヘイビアで実装する方法を紹介します。
これはWP7だけでなくSIlverlightWPFXNAでも利用できます。

今回使うビヘイビアはこれです。
Silverlight / Windows Phone 7 Multi-Touch Manipulation and Inertia Behavior
http://multitouch.codeplex.com/
http://gallery.expression.microsoft.com/MultiTouch

早速ためしてみましょう。
1.操作したい画像を置きます。

2.それをCanvasでくくります。

3.ダウンロードしてきたzipの中にある3つのdllを参照に追加します。
MultiTouch.Behaviors.Silverlight.WP7.dll
System.Windows.Input.Manipulations.dll
System.Windows.Interactivity.dll
4.ビヘイビアの中にある[MultiTouchManipulationBehavior]をimageに追加します。


5.すると、その他タブに設定が出ます。
回転や移動、拡大縮小のほか、最大最小サイズと加速度の適用が設定できます。

6.実行結果です。

Surfaceみたいなかんじですね!