0

スライド左とスライド右のエフェクトを作成する必要があります。これは、ステージに追加されるときにパネルで使用されます。

また、エフェクトを使用したいキャンバスの高さは、「top」と「bottom」のプロパティによって決まります。このようなエフェクトを適用すると、問題が発生する可能性があると聞きました。

4

2 に答える 2

1

TweenMaxと呼ばれるものをチェックすることをお勧めします：http ：//www.greensock.com/tweenmax/ それは多くのもののアニメーションを大幅に簡素化し、イージーイン/アウト、onTweenイベントなどの期待できる多くのオプションがあります/コールバック、完全なコールバックなど。

私はあなたが正確に何をしたいのか100％確信していませんが、理論的には、画面からキャンバスを開始してから、次のようなことをしたいと思うでしょう。

TweenMax.to(theCanvas, 1.0, {x:0});

このコード行は、TweenMaxに（静的関数 "to"を介して）トゥイーン（アニメーション）を開始するように指示します。アニメーションのターゲットはtheCanvasで、アニメーションの継続時間は1.0秒、アニメーション化されるプロパティはxです。この場合、.xは、現在の「to」0の場所からアニメーション化されます。次のように記述した場合：

TweenMax.to(theCanvas, 1.0, {x:100});

次に、キャンバスは現在の場所から.x=100までアニメートします。「値」に文字列を指定する場合は注意してください。

TweenMax.to(theCanvas, 1.0, {x:"100"});

これはデルタとして扱われるため、キャンバスはx = 100で終了せず、代わりにx = originalX+100で終了します。

キャンバスの高さに関しては、上下のスタイル設定で高さを制限しても問題ありませんが、100％確信はありません...ただし、キャンバスの幅を明示的に定義する必要があります。 、x位置を明示的に（絶対に）定義する必要があるため。

編集

ここに例があります、私はそれが基本をカバーしていると思います。スライダーキャンバスの高さは上下で定義されており、問題はありません。

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas 
    width="500" height="500"
    xmlns:mx="http://www.adobe.com/2006/mxml"
>
<mx:Script>
    <![CDATA[
        import com.greensock.TweenMax;

        private function slideIn():void
        {
            TweenMax.to(theSlider, 1.0, {x:50});
        }

        private function slideOut():void
        {
            TweenMax.to(theSlider, 1.0, {x:300});
        }

    ]]>
</mx:Script>

<mx:Button label="Slide In" click="{slideIn()}"/>
<mx:Button x="80" label="Slide Out" click="{slideOut()}"/>


<mx:Canvas id="theWindow" 
    width="300" height="300"
    verticalCenter="0" horizontalCenter="0"
    borderColor="red" borderThickness="1" borderStyle="solid"
    verticalScrollPolicy="off" horizontalScrollPolicy="off"
>

    <mx:Canvas id="theSlider" 
        width="200"
        x="-200"
        top="10" bottom="10"
        backgroundColor="green" backgroundAlpha="1.0"
        verticalScrollPolicy="off" horizontalScrollPolicy="off"
    />

</mx:Canvas>

</mx:Canvas>
于 2012-05-29T12:56:10.443 に答える
0

これは、しばらく前に作成したものから始めることができます。これは、Flex3バージョンを4に移行したものです。基本クラスをGroupに変更し、コンポーネントの初期作成に関してさらに最適化することができました。 「スライディングキャンバス」。ソースの表示は、エクスポートの右クリックメニューで有効になります：http：//www.shaunhusain.com/ImageSlider/（画像から始めたばかりのUIComponentを追加できる名前と混同しないでください） 。上部と下部のプロパティを使用してサイズを定義する際の問題はすぐにはわかりませんが、問題が発生した場合は、質問として投稿してください。

于 2012-05-21T23:09:37.910 に答える