API version 1

- ‐

show

オブジェクトのvisibleプロパティをtrueにするようなアニメーションを実行します。

引数で指定されたオブジェクトのvisibleプロパティの値をfalseからtrueに変更します。既にhideメソッドもしくはshowメソッド実行中の場合は何も起きません。また、引数で指定されたオブジェクトの実行開始時のvisibleプロパティの値がtrueの場合も何も起きません。

第3引数がリファレンス型の場合はoptionが指定されたものとして解釈されます。そのため、第3引数がoption、第4引数がduration、第5引数がeasing…となります。
第3引数がプリミティブ型の場合はoptionが省略されたものとして解釈されます。そのため、第3引数がduration、第4引数がeasing…となります。

呼出形式一覧

呼出形式

説明

void show(reference target[, integer type[, reference option[, number duration[, integer easing[, number interval[, boolean frameSkip]]]]]])

targetオブジェクトのvisibleプロパティをoption位置を発生点として、アニメーションパターンtypeでtrueにします。

void show(reference target[, integer type[, number duration[, integer easing[, number interval[, boolean frameSkip]]]]])

targetオブジェクトのvisibleプロパティをアニメーションパターンtypeでtrueにします。

戻り値一覧

戻り値

説明

void

なし

引数一覧

引数

説明

target

アニメーション対象のオブジェクトを指定します。

type

アニメーションパターンを指定します。省略時はEFFECTTYPE_FADEとなります。

定数値

説明

EFFECTTYPE_FADE

0:フェードイン・フェードアウトするアニメーションパターンです

../../../../_images/effect0.gif

EFFECTTYPE_SLIDE_UPSIDE

1:オブジェクトの上辺からスライドイン・スライドアウトするアニメーションパターンです

../../../../_images/effect1.gif

EFFECTTYPE_SLIDE_LEFTSIDE

2:オブジェクトの左辺からスライドイン・スライドアウトするアニメーションパターンです

../../../../_images/effect2.gif

EFFECTTYPE_SLIDE_DOWNSIDE

3:オブジェクトの下辺からスライドイン・スライドアウトするアニメーションパターンです

../../../../_images/effect3.gif

EFFECTTYPE_SLIDE_RIGHTSIDE

4:オブジェクトの右辺からスライドイン・スライドアウトするアニメーションパターンです

../../../../_images/effect4.gif

EFFECTTYPE_ZOOM

5:ズームイン・ズームアウトするアニメーションパターンです。

../../../../_images/effect5.gif

EFFECTTYPE_WIPE_UPSIDE

6:オブジェクトの上辺からワイプイン・ワイプアウトするアニメーションパターンです

../../../../_images/effect6.gif

EFFECTTYPE_WIPE_LEFTSIDE

7:オブジェクトの左辺からワイプイン・ワイプアウトするアニメーションパターンです

../../../../_images/effect7.gif

EFFECTTYPE_WIPE_DOWNSIDE

8:オブジェクトの下辺からワイプイン・ワイプアウトするアニメーションパターンです

../../../../_images/effect8.gif

EFFECTTYPE_WIPE_RIGHTSIDE

9:オブジェクトの右辺からワイプイン・ワイプアウトするアニメーションパターンです

../../../../_images/effect9.gif

option

アニメーションパターンがEFFECTTYPE_ZOOMの場合の発生点のXY座標を2要素のArrayオブジェクトで指定します。省略時はtargetで指定したオブジェクトの中心となります。

duration

targetオブジェクトのvisibleプロパティがtrueになるまでの時間を秒単位で指定します。省略時は1.0(秒)となります。

easing

アニメーション時の数値の変化パターンを指定します。省略時はEASINGTYPE_LINEARとなります。

定数値

説明

EASINGTYPE_LINEAR

0:直線変化パターン

../../../../_images/easing0.png

EASINGTYPE_SWING

1:最初と最後がゆっくりの変化パターン

../../../../_images/easing1.png

EASINGTYPE_IN

2:だんだん速くなる変化パターン

../../../../_images/easing2.png

EASINGTYPE_OUT

3:だんだん遅くなる変化パターン

../../../../_images/easing3.png

EASINGTYPE_ELASTIC

4:減衰振動の変化パターン

../../../../_images/easing4.png

EASINGTYPE_BACK

5:一度行き過ぎて戻る変化パターン

../../../../_images/easing5.png

EASINGTYPE_BOUNCE

6:はねながら変化量が徐々に小さくなる変化パターン

../../../../_images/easing6.png

interval

アニメーション時の描画の更新間隔を秒単位で指定します。省略時は0.1(秒)となります。

frameSkip

アニメーション中の描画が間に合わない場合にフレームスキップを行うかどうかを指定します。省略時はtrueとなります。

例外

なし

関連項目

effectoptioneasingintervalframeSkipプロパティ

hideメソッド

定数一覧

------------------------------------------------------------

定数値

説明

EFFECTTYPE_FADE

0:フェードイン・フェードアウトするアニメーションパターンです

../../../../_images/effect0.gif

EFFECTTYPE_SLIDE_UPSIDE

1:オブジェクトの上辺からスライドイン・スライドアウトするアニメーションパターンです

../../../../_images/effect1.gif

EFFECTTYPE_SLIDE_LEFTSIDE

2:オブジェクトの左辺からスライドイン・スライドアウトするアニメーションパターンです

../../../../_images/effect2.gif

EFFECTTYPE_SLIDE_DOWNSIDE

3:オブジェクトの下辺からスライドイン・スライドアウトするアニメーションパターンです

../../../../_images/effect3.gif

EFFECTTYPE_SLIDE_RIGHTSIDE

4:オブジェクトの右辺からスライドイン・スライドアウトするアニメーションパターンです

../../../../_images/effect4.gif

EFFECTTYPE_ZOOM

5:ズームイン・ズームアウトするアニメーションパターンです。

../../../../_images/effect5.gif

EFFECTTYPE_WIPE_UPSIDE

6:オブジェクトの上辺からワイプイン・ワイプアウトするアニメーションパターンです

../../../../_images/effect6.gif

EFFECTTYPE_WIPE_LEFTSIDE

7:オブジェクトの左辺からワイプイン・ワイプアウトするアニメーションパターンです

../../../../_images/effect7.gif

EFFECTTYPE_WIPE_DOWNSIDE

8:オブジェクトの下辺からワイプイン・ワイプアウトするアニメーションパターンです

../../../../_images/effect8.gif

EFFECTTYPE_WIPE_RIGHTSIDE

9:オブジェクトの右辺からワイプイン・ワイプアウトするアニメーションパターンです

../../../../_images/effect9.gif


使用例 CRSダウンロード

Form AnimationVisible_methods {
   X = 0;
   Y = 0;
   Width = 400;
   Height = 300;
   Button buttonStart {
           x = 8;
           y = 8;
           width = 104;
           height = 24;
           Title = "実行";

           Function OnTouch( e ) {
                   if ( ^.form1.visible ) {
                           #form1のvisileをfalseにするアニメーションを実行します。アニメーションパターンがZOOMで(40,40)を消失点として時間が2秒、EASINGTYPE_INでintervalが0.2でフレームスキップを行います
                           AnimationVisible.hide(^.form1, AnimationVisible.EFFECTTYPE_ZOOM, new Array(40,40), 2, Animation.EASINGTYPE_IN, 0.2, true);
                   } else {
                           #form1のvisileをtrueにするアニメーションを実行します。アニメーションパターンがZOOMで(360,40)を消失点として時間が2秒、EASINGTYPE_INでintervalが0.2でフレームスキップを行います
                           AnimationVisible.show(^.form1, AnimationVisible.EFFECTTYPE_ZOOM, new Array(360,40), 2, Animation.EASINGTYPE_IN, 0.2, true);
                   }
           }
   }

   Button buttonStart1 {
           x = 128;
           y = 8;
           width = 104;
           height = 24;
           Title = "実行";

           Function OnTouch( e ) {
                   #form1のvisileをfalseにするアニメーションを実行します。アニメーションパターンがWIPE_UPSIDEで時間が3秒、EASINGTYPE_SWINGでintervalが0.2でフレームスキップを行います
                   #form1.visibleがtrueでなければ実行されません
                   AnimationVisible.hide(^.form1, AnimationVisible.EFFECTTYPE_WIPE_UPSIDE, 3, Animation.EASINGTYPE_SWING, 0.2, true);

                   #form1のvisileをtrueにするアニメーションを実行します。アニメーションパターンがWIPE_UPSIDEで時間が3秒、EASINGTYPE_SWINGでintervalが0.2でフレームスキップを行います
                   #form1.visibleがfalseでなければ実行されません
                   AnimationVisible.show(^.form1, AnimationVisible.EFFECTTYPE_WIPE_UPSIDE, 3, Animation.EASINGTYPE_SWING, 0.2, true);
           }
   }

   Form form1 {
           x = 40;
           y = 120;
           width = 320;
           height = 136;
           scroll = DisplayObject.SCROLL_NONE;

           Calendar calendar1 {
                   x = 15;
                   y = 7;
                   width = 192;
                   height = 112;
           }
           Button button1[3] {
                   x = 215;
                   y = 7;
                   width = 96;
                   height = 32;
                   layoutSpacing = 10;
                   title = "サンプル";
           }
   }
}