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>
감사합니다. 페이드 (fade) 대신 왼쪽에서 슬라이드 (slide)를 사용하는 것이 가능합니까? – klefar
예, 숫자로 공개적으로 지정된 항목은 모두 트위닝 할 수 있습니다. 따라서 트윈을 사용하여 회전 (예 : 메뉴 롤 인/아웃), 알파 (페이드 인/아웃), X 위치 (슬라이드 인/아웃), Y 위치 (위/아래로 떨어짐, 또는 기타) 또는 기존 매개 변수의 조합을 사용하여 원하는 효과를 낼 수 있습니다. – Vesper