可変可能なテキストボックス

解説

ダイナミックテキストのテキストボックスをドラッグして大きさを自由に変えれるように出来ます。
三角をドラッグすると大きさが変わります。
ドラッグしている間はenterframeで動かしていますが、離すとenterframeを消去します。

//オブジェクトの変形処理
function moveMoji() {
dragObj.onEnterFrame = function() {
moji._height = obj._height=dragObj._y;
moji._width = obj._width=dragObj._x;
};
}
//オブジェクトを動かす処理
dragObj.onPress = function() {
this.startDrag();
moveMoji();
};
dragObj.onRelease = function() {
this.stopDrag();
delete dragObj.onEnterFrame;
};
dragObj.onReleaseOutside = function() {
this.stopDrag();
delete dragObj.onEnterFrame;
};

サンプルファイルのダウンロード

サンプルファイル

人気記事ランキング

投稿者:

kishiken

企業務めのWEBデザイナーです。