플렉스에서 고정 된 구성 요소를 배치하는 방법이 있습니까?

Question

HTML/CSS와 마찬가지로 CSS의 CSS를 사용하여 div의 위치를 ​​'고정'으로 설정할 수 있습니다. 예를 들어, 사용자가 웹 페이지를 아래로 스크롤 할 때 웹 페이지의 상단에 고정되는 머리글.

Flex에서 가능합니까?

나는 종류의 난 후하지만 '분할'을 좋아하지 않아 어떤 않는

VDividedBox 

제어를 살펴 있었다.

모든 아이디어는 크게 감사하겠습니다.

Answer 1

좋아

, 그래서 이것은 내가 고정 된 상단 구성 요소를 만들고 스크롤 하단 성분 VDividedBox 내에서 두 번째 상자의 height "1"의 열쇠하기 위해 설정

VDividedBox 

을 사용하고 방법이다. 높이 값이있는 한 내가 원하는 방식으로 작동합니다. VDividedBox의 다른 속성은 verticalGap이며 3으로 설정하여 드래그 가능한 이미지없이 구분선을 나타냅니다.

이것은 코드입니다.

<mx:VDividedBox id="vDividedBox" verticalGap="3" width="100%" height="100%"> 
    <mx:VBox id="vBox1" width="100%" backgroundColor="haloGreen">     
      <mx:Button label="button"></mx:Button>     
    </mx:VBox> 
    <mx:VBox id="hBox2" width="100%" backgroundColor="haloBlue" height="1"> 
      <mx:Box height="3000" backgroundColor="blue" width="100%" horizontalAlign="center"> 
       <mx:Label text="scrollable content" color="white" fontSize="20"/>  
      </mx:Box> 
    </mx:VBox>   
</mx:VDividedBox> 

Answer 2

Flex에서 실제 CSS 스타일 fixed의 위치를 ​​찾지 못했습니다. 일부 Flex 요소는 절대 위치 지정 (Canvas, Application 또는 Panel with layout="absolute")을 사용할 수 있습니다. 그런 다음 VDividedBox를 절대 배치 된 도구 모음 아래의 레이어에 배치 할 수 있습니다. 그러면 고정 된 도구 모음이 떠오르게 될 수 있습니다.

Javascript 외부 인터페이스 api를보고 Flex 외부에있는 툴바를 만들고이 인터페이스를 사용하여 일부 Flex UI를 제어 할 수 있습니다. Javascript를 사용하여 HTML 및 Flex간에 좌표를 전달하여 HTML 도구 모음에 Flex SWF 위에 위치 할 위치를 알려줄 수 있습니다.