マウスクリックで拡大縮小 Silverlight 2.0

Question

マウスをクリックした場所を正確に画像をズームイン/ズームアウトしたいと考えています。画像全体をズームする必要がありますが、現在のビューにはマウスクリックが発生した部分が表示され、スクロールバーを使用して他の部分も表示できる必要があります。

スクロールビューアを使用して、その中に画像コントロールを配置してみました。マウスをクリックすると、RenderTransform を使用し、ユーザーがズームインをクリックするたびにスケールが 1 ずつ増加します。画像はズームインされますが、ビューはマウスクリックが発生した場所にありません。

助けてください！

ありがとうサイ

Answer 1

設定する必要があります RenderTransformOrigin マウスの位置に基づくプロパティ。

RenderTransformOrigin の値は、UIElement の境界ボックスの左上隅に対して評価されます。

正しい原点を取得するには、マウスの位置を画像の座標に変換し、位置を画像の寸法で除算して値が 0 ～ 1 の範囲内になるように正規化する必要があります。