mouseZoom

マウスホイールによるズームやドラッグによるパンを実現するためのライブラリです。
まずはサンプルプレビューを見てください。

更新情報

ブログなどないため、こちらで更新情報の一部を書いておきます。

mouseZoom 関連ファイル一式

ライブラリ(mouseZoom), サンプル(mouseZoomSample), ライブラリテスト(mouseZoomTest)一式。 Flex Builderプロジェクトを含んでいます。

mouseZoom

ライブラリ本体です。

mouseZoomTest

ライブラリの挙動をテストします。こちらで一通りの機能を確認することができます。

mouseZoomSample

mouseZoom を使用したサンプルです。プレビューのようにSWFMacMouseWheelを使用すればMacでもマウスホイールで操作することができます。

使い方

詳細はサンプルをご覧ください。

// 使い方:導入 ////////////////////////////////////////////////////////////////

//  MouseSmoothScaleControl のインスタンスを生成します。
var scaleControl:MouseSmoothScaleControl = new MouseSmoothScaleControl();
// サイズを設定します。
scaleControl.width = this.stage.stageWidth;
scaleControl.height = this.stage.stageHeight;
// ズームやパンの対象となるコンテンツを MouseSmoothScaleControl.content に設定します。
scaleControl.content =  new MouseZoomContent();
//  MouseSmoothScaleControl のインスタンスをステージに配置します。
this.addChild(scaleControl);
// これだけ。

// 使い方:オプション ////////////////////////////////////////////////////////////////

// ズームやパンによるコンテンツの移動範囲を制限する矩形を指定します。
// scaleControl.contentBounds = new Rectangle(0,0,1024,768);

// ズームの最大値を指定します。デフォルト値は Number.POSITIVE_INFINITY です。
// scaleControl.maxContentScale = 100;

// ズームの最小値を指定します。デフォルト値は 1 / Number.POSITIVE_INFINITY です。
// scaleControl.minContentScale = 1/100;

// アニメーションの長さを変更します。デフォルト値は 24 です。
// scaleControl.frameCount = 12;

// クリックされたときにズームする倍率を変更します。デフォルト値は 1.5 です。
// scaleControl.clickScale = 2;

// マウスホイールが回転されたときにズームする倍率を変更します。デフォルト値は 1/16 です。
// scaleControl.mouseWheelScale = 1/8;

// 背景色を変更します。デフォルト値は 0xFFFFFF です。
// scaleControl.backgroundColor = 0x000000;

// 背景色を変更します。デフォルト値は 0xFFFFFF です。
// scaleControl.backgroundAlpha = 0.2;