1

開いた状態と閉じた状態の 2 つの状態を持つアイテムがあり、次のように表示されます。

閉まっている

開いた

そして、私がやりたいのは、フッター/ボタンブロックを移動してから円グラフにフェードインするために、2つのポイント間を滑らかな方法(正弦波)で効果的に補間することにより、1つの状態と別の状態の間の遷移をスムーズにすることです。

しかし、これは明らかに私を超えており、1時間以上そうすることができないことに取り組んだ後、ここに投稿しています:D

したがって、私の遷移ブロックは次のようになります

<s:transitions>
    <s:Transition id="TrayTrans" fromState="*" toState="*">
        <s:Sequence>
            <s:Move duration="400" target="{footer}" interpolator="{Sine}"/>
            <s:Fade duration="300" targets="{body}"/>   
        </s:Sequence>       
    </s:Transition>

    <s:Transition>
        <s:Rotate duration="3000" />
    </s:Transition>
</s:transitions> 

{body}円グラフを{footer}指し、フッター/ボタンブロックを指します。

しかし、これはうまくいかないので、どうすればよいかわかりません...

有益な追加情報:

body ブロックは常に固定の高さです (おそらく、一部のエフェクトで Xby 変数に使用されるのでしょうか?)。

双方向で機能する必要があります。

ああ、Sineブロックは上記のように宣言で定義されてい<s:Sine id="Sine">ます。

さらに!これらの遷移ブロックを使用して円グラフを継続的に回転するように設定するにはどうすればよいですか? (これは、ラベルがオンになっていない場合に発生します) または、それ自体は遷移ではないため、間違った方法ですか?

私が求めている効果は、下のボタンを選択する前にラベルなしで円グラフがゆっくりと回転するものですが、選択すると回転が停止し、ラベルが表示されます...

よろしくお願いします!

グレースケールで申し訳ありませんが、配色を決めることはできません。どんな提案でも大歓迎です。

4

2 に答える 2

2

アクションスクリプトのコーディングを気にしない場合は、as3 関数を使用すると非常に簡単になります。

次のことを行う必要があります。

public function doTransition():void
        {
            var move:Move= new Move();
            move.target=footer;
            move.yFrom = 0;//current position
            move.yTo = 400;//or whatever is the final position of the footer
            move.duration=500;//duration in milliseconds

            var resize:Resize=new Resize();
            resize.target=body;
            resize.heightFrom=0;//or whatever is initial height
            resize.heightTo=400;//or whatver is the final height
            resize.duration=500;

            var fadeIn:Fade =new Fade();
            fadeIn.target = pieChart;//the id of the piechart
            fadeIn.alphaFrom =0;
            fadeIn.alphaTo = 1;
            fadeIn.duration =500;

            move.play();
            resize.play();
            fadeIn.play();
        }

これが完了すると、円グラフを回転させるコードが必要になります。そのために、タイマーと回転変換を使用できます。

于 2011-02-01T07:22:03.887 に答える
0

トゥイーンを簡単にするために、 TweenLiteを使用して作業を完了することをお勧めします。作成するアクションスクリプトが少なくなります。

于 2011-02-26T15:42:00.063 に答える