轉換對visible = true/false的影響如何？

我已經構建了一個通過SplitViewNavigator構建的菜單。左側視圖是菜單，右側是內容窗口。默認情況下，左視圖（meny）= false，但按下按鈕時，visibe = true，而右視圖（內容）調整爲20％寬度，使菜單覆蓋屏幕的80％。轉換對visible = true/false的影響如何？

如何對visible = true/false應用過渡效果？我想讓它看起來像左側視圖從屏幕左側滑入，就像菜單中的幻燈片一樣。由於可見，菜單現在只是現在變成了，但它有可能使其滑動？或者其他任何類型的過渡效果？

我對applicataion代碼：

<?xml version="1.0" encoding="utf-8"?> 
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
       xmlns:s="library://ns.adobe.com/flex/spark" applicationDPI="160" xmlns:mx="library://ns.adobe.com/flex/mx"> 

    <fx:Declarations> 



    </fx:Declarations> 

    <fx:Style source="style.css"> 
    </fx:Style> 

    <fx:Script> 
     <![CDATA[ 
      protected function button1_clickHandler(event:MouseEvent):void 
      { 
       // TODO Auto-generated method stub 

      if (meny.visible){ 
       meny.visible = false; 
       content.width *= 5; 
       hannah.visible = true; 


      } else { 
       meny.visible = true; 
       content.width *= 0.2; 
       hannah.visible = false; 

      } 
      } 
     ]]> 
    </fx:Script> 


    <s:SplitViewNavigator backgroundColor="#7b7b7b" width="100%" height="100%"> 

     <s:ViewNavigator visible="false" id="meny" width="100%" height="100%" firstView="views.Meny"> 
      <s:navigationContent> 
       <s:Button label="Meny" click="button1_clickHandler(event)"/> 
      </s:navigationContent> 
      </s:ViewNavigator> 
     <s:ViewNavigator title="Content" id="content" width="100%" height="100%" firstView="views.Content"> 
      <s:navigationContent> 
       <s:Button id="hannah" label="Meny" click="button1_clickHandler(event)"/> 
      </s:navigationContent> 
     </s:ViewNavigator> 

    </s:SplitViewNavigator> 




</s:Application>

來源

2013-05-29 klefar

要過渡使用不褪色，可見設置爲true，阿爾法爲0，然後使用任何一種漸變庫來補間阿爾法從0到所需的值。從我的角度更舒適的方式

來源

2013-05-29 09:22:17 Vesper

然而，謝謝你。是否有可能做某種「移動」，從左側滑入，而不是褪色？ – klefar

是的，任何數字和公開分配都是可補間的。因此，您可以使用補間來更改這兩種旋轉（例如，滾動菜單進/出），alpha（淡入/淡出），X位置（滑入/滑出），Y位置（從上方落下/或其他）或現有參數的任意組合，以獲得令人滿意的效果。 – Vesper

A，是使用狀態：

定義最小化和最大化的狀態。然後定義狀態的寬度依賴關係（width.minimized =「{0}」width.maximized =「x％」），並在按下按鈕時切換狀態。然後，你可以輕鬆地應用轉換（我使用調整大小 - 做與容器的兩個部分平行）爲statechanges（屬性fromState =「」和toState =「」的火花轉換）

也工作在類似的問題，但與面板做相同的程序，寫我自己的splitviewnav，它工作得很好。

最好的問候

來源

2015-09-24 13:03:10

轉換對visible = true/false的影響如何？

回答

相關問題