Как правильно настроить компонент Flex

Question

В следующем коде у меня есть один большой компонент, и мне нужно прокручивать только панель уровня4, но вместо этого все приложение становится прокручиваемым.

Любое предложение? Спасибо

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> 
<mx:Panel width="100%" height="100%" title="level1"> 
    <mx:Panel width="100%" height="100%" title="level2"> 
     <mx:HDividedBox width="100%" height="100%"> 

      <mx:TextArea width="200" height="100%"/> 
      <mx:Panel width="100%" height="100%" title="level3"> 
       <mx:ApplicationControlBar width="100%" dock="true"> 
        <mx:Spacer width="30"/> 
        <mx:LegendItem width="80" height="20" fill="#CC9900" label="test1"/> 

       </mx:ApplicationControlBar> 
       <mx:Panel width="100%" height="100%" title="level4"> 
        <mx:UIComponent width="2000" height="2000"/> 
       </mx:Panel> 
      </mx:Panel> 
     </mx:HDividedBox> 
    </mx:Panel> 
</mx:Panel> 
</mx:Application> 

Если я установил ScrollPolicy, то полоса прокрутки не появится. Пожалуйста, проверьте следующее, спасибо.

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" horizontalScrollPolicy="off" verticalScrollPolicy="off"> 
<mx:Panel width="100%" height="100%" title="level1" horizontalScrollPolicy="off" verticalScrollPolicy="off"> 
    <mx:Panel width="100%" height="100%" title="level2" horizontalScrollPolicy="off" verticalScrollPolicy="off"> 
     <mx:HDividedBox width="100%" height="100%"> 

      <mx:TextArea width="200" height="100%"/> 
      <mx:Panel width="100%" height="100%" title="level3" horizontalScrollPolicy="off" verticalScrollPolicy="off"> 
       <mx:ApplicationControlBar width="100%" dock="true"> 
        <mx:Spacer width="30"/> 
        <mx:LegendItem width="80" height="20" fill="#CC9900" label="test1"/> 

       </mx:ApplicationControlBar> 
       <mx:Panel width="100%" height="100%" title="level4" horizontalScrollPolicy="auto" verticalScrollPolicy="auto"> 
        <mx:UIComponent width="2000" height="2000"/> 
       </mx:Panel> 
      </mx:Panel> 
     </mx:HDividedBox> 
    </mx:Panel> 
</mx:Panel> 
</mx:Application> 

Answer 1

Set layout = "absolute" для панели level4.

Answer 2

Вы можете изменить значение .verticalScrollBarPolicy для каждой панели, установив его на "off" для панелей, которые не должны прокручивать и "on" или "auto" для панелей, которые должны прокручивать. Существует также параметр .horizontalScrollBarPolicy, если вам это нужно.