2012-03-23 42 views
0

在下面的代碼中,我有一個大組件,並且我想只有level4面板可以滾動,但是整個應用程序都可以滾動。如何安排Flex組件以正確滾動

有什麼建議嗎?謝謝

<?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> 

回答

1

爲level4面板設置layout =「absolute」。

+0

它的工作原理!謝謝 – BlueDolphin 2012-03-27 14:27:43

0

您可以爲每個面板改變.verticalScrollBarPolicy值,將其設置爲"off"該不該滾動,並"on""auto"爲應滾動面板的面板。如果您還需要,還有一個.horizontalScrollBarPolicy參數。

+0

然後所有的滾動條消失,儘管我設置了最內部的面板來使用滾動條。請檢查我的更新代碼。 – BlueDolphin 2012-03-23 17:39:38

+0

@BlueDolphin嗯。當我有一分鐘時,我會回來嘗試解決這個問題。 – 2012-03-23 17:51:32