2013-05-29 3 views
0

SplitViewNavigator를 통해 빌드 된 메뉴를 만들었습니다. 왼쪽보기는 메뉴이고 오른쪽은 내용 창입니다. 왼쪽 뷰 (meny)는 기본적으로 visible = false이지만, 오른쪽 뷰 (내용)가 20 % 너비로 변경되면서 버튼 누름시 visibe = true가되어 메뉴가 화면의 80 %를 덮습니다.visible = true/false에 대한 전환 효과는 어떻게됩니까?

visible = true/false에 어떻게 전환 효과를 적용합니까? 왼쪽의보기가 메뉴의 슬라이드처럼 화면의 왼쪽에서 슬라이드되는 것처럼 보이게하고 싶습니다. 메뉴가 보이기 때문에 이제 막 나타납니다. 그러나 슬라이드를 만들 수 있습니까? 또는 전환 효과의 다른 typ? 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> 

답변

0

다음 원하는 값으로 0에서 트윈 알파에 트위닝 라이브러리의 어떤 종류를 사용, 전환 페이드를 사용하여 0에 충실, 알파 볼 설정합니다. 나의 관점 더 편한 방법에서

+0

감사합니다. 페이드 (fade) 대신 왼쪽에서 슬라이드 (slide)를 사용하는 것이 가능합니까? – klefar

+0

예, 숫자로 공개적으로 지정된 항목은 모두 트위닝 할 수 있습니다. 따라서 트윈을 사용하여 회전 (예 : 메뉴 롤 인/아웃), 알파 (페이드 인/아웃), X 위치 (슬라이드 인/아웃), Y 위치 (위/아래로 떨어짐, 또는 기타) 또는 기존 매개 변수의 조합을 사용하여 원하는 효과를 낼 수 있습니다. – Vesper

0

A, 상태를 사용하는 것입니다 :

최소화 및 최대화 상태를 정의합니다. 그런 다음 상태 (width.minimized = "{0}"width.maximized = "x %")에 따라 너비를 정의하고 단추를 누를 때 상태를 토글합니다. 그렇다면 statechanges (점화 전환의 fromState = ""및 toState = ""속성)에 대해 전환을 쉽게 적용 할 수 있습니다 (크기 변경 - 컨테이너의 두 부분과 병렬로 수행).

비슷한 문제가 있지만, 패널을 사용하여 동일한 절차를 수행하여 자신 만의 splitviewnav를 작성하면 상당히 잘 작동합니다.

감사합니다.