圖像控制滑動在視圖源變化（柔性移動應用程序）

Question

我有一個簡單的xml畫廊（ViewNavigatorApplication），第一個視圖是拇指和第二個視圖命名爲「SlideView」。 使用SlideTransition從「導航內容區域按鈕」中相互轉換所有視圖都會很好地發生 SlideView有一個圖像控件，一次顯示每個圖像。在幻燈片視圖中，我檢測到幻燈片手勢，它會更改圖像控件的源屬性並彈出新圖像。 問題是，我想要新圖像在每次滑動時，源屬性（綁定到當前幻燈片）。有任何想法嗎？

當前幻燈片視圖中的基本碼是像

protected function swipeGestureHandler(event:TransformGestureEvent):void 
      { 
       if (event.offsetX == -1) { 
        _dm.currItem.nextSlide(); 
       } 
       else if (event.offsetX == 1) { 
        _dm.currItem.prevSlide(); 
       } 
      } 
<s:layout> 
    <s:VerticalLayout/> 
</s:layout> 
<s:Image id="slideImage" visible="true" width="100%" height="85%" 
      source="{_dm.currItem.currSlide}" /> 

我試圖限定在FX聲明區域有一定的影響等

<fx:Declarations> 

     <s:Wipe id="wipeOut" direction="left" duration="500" /> 
     <s:Wipe id="wipeIn" direction="right" duration="500" /> 


     <s:Move id="MoveLeft" target="{slideImage}" xBy="300" duration="500"/> 
     <s:Move id="MoveRight" target="{slideImage}" xBy="-300" duration="500"/> 
    </fx:Declarations> 

和在圖像控制使用它們像

hideEffect="{MoveLeft}" showEffect="{MoveRight}" 

但它的沒用... 任何想法，請幫助..

Answer 1

你就近了。當您更改Image的來源時，將不會生成顯示/隱藏事件。相反，當用戶進行滑動手勢時，您可以手動觸發這些效果。

• 上掃掠姿態：MoveLeft.play()（假定的效果target是圖像）
• 現在的圖像是離屏幕上，設置新的源用於圖像
• MoveRight.play()

爲了改善這種效果，您可能希望在視圖中有兩個Image對象。轉換到下一張圖像時，您可以在播放任何效果之前將其他Image對象的來源設置爲新值（嘗試並預加載圖像）。