Flex 4 애니메이션 질문

Question

세로 레이아웃에서 중첩 된 단추에서 세로 애니메이션을 이동하려고합니다. Hgroup이 버튼을 수직으로 움직이는 것을 제한하는지 확신 할 수 없습니다. 주위를 둘러 볼 방법이 있습니까? 도움을 주셔서 감사합니다.

<s:states> 
<s:State name="default"/> 
<s:State name="addRecommend"/> 
<s:State name="seeOther"/> 
</s:states> 


AS: 

protected function add_clickHandler(event:MouseEvent):void 
{ 
currentState="addRecommend"; 
addRecommendMove.play(); 
} 





<s:transitions> 
<s:Transition fromState="default" toState="addRecommend"> 
<s:Sequence id="addRecommendMove"> 
<s:Move yTo="50" target="{add}"/> // add button doesn't move at all 
</s:Sequence> 
</s:Transition> 
<s:Transition fromState="addRecommend" toState="seeOther"> 
<s:Sequence> 
<s:Move yBy="50" target="{seeOthers}"/> 
</s:Sequence> 
</s:Transition> 
</s:transitions> 




<s:layout> 
<s:VerticalLayout paddingTop="15" paddingRight="10" paddingLeft="7"/> 
</s:layout> 


<button id="add" click=add_clickHandler(event)/> 
<button id="seeOthers"/> 

Answer 1

기본적으로 HGroup은 모든 요소를 ​​수직으로 단일 레이아웃으로 제한합니다. 그들은 verticalAlign property of the HGroup을 통해 정렬 될 수 있지만 모두 동일한 정렬을 갖습니다.

단추를 자유롭게 움직이게하려면 기본 레이아웃이있는 일반 그룹 안에 중첩시킵니다. 이는 flex 3의 캔버스와 동일하므로 컨테이너의 모든 요소에 대한 x 및 y 좌표를 지정해야 함을 의미합니다.

다른 옵션은 버튼을 기본 레이아웃이있는 그룹 안에 중첩시키고 그 것을 HGroup 안에 배치하는 것입니다. 내부 그룹이 애니메이션을 재생할 수있을 정도로 키가 크도록 만듭니다. 이 방법으로 HGroup에서 얻는 이점을 유지하면서도 버튼의 위치를 ​​계속 애니메이트 할 수 있습니다.

도움이 되길 바랍니다. 충분하지 않다면 전체 소스를 게시하고보다 완전한 답변을 제공 할 수 있습니다.