atelier:mitsuba

i love UI/UX, Blend, XAML, Behavior, P5, oF, Web, Tangible Bits and Physical computing. なにかあればお気軽にご連絡ください。atelier@c-mitsuba.com

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

//再掲載

以前のジェスチャーの実装方法で、こんなふうに書きました。
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みたいなかんじですね!