なぜTabNavigatorにギャップがありますか？

Question

ルーキーQの謝罪 - Flex/Actionscriptを学び、基本的なレイアウト上の問題を抱えています。 （Flex 4.5 HERO SDKを使用したFlashBuilder 4の使用）

私はTitleWindowを持ち、その中にmx：TabNavigatorを埋め込んでいます。
私は、最初のタブ内にリストを配置し、100％

にその幅/高さを設定しているが、リストの上部との間の隙間、及びタブメニューの底部があるように見えます。

なぜこのようなことが起こり、リストの一番上がVBoxの一番上に並んでいるかを確認する最良の方法は何ですか？

<s:TitleWindow title="Dekho Resource Center" 
        id="titleWindow" 
        close="cancel();" 
        width="375" 
        height="500" 
        backgroundAlpha="0" 
        cornerRadius="5"> 

     <mx:TabNavigator borderStyle="solid" left="0" top="0" width="100%" height="100%" backgroundAlpha="0" > 
      <mx:VBox label="Blog Posts" 
        width="100%" 
        height="100%"> 

       <s:List labelField="title" id="theList" width="100%" height="100%" 
         contentBackgroundAlpha="0.7" rollOverColor="#F58B57" selectionColor="#FF7227" 
         doubleClickEnabled="true" doubleClick="theList_doubleClickHandler(event)"> 
        <mx:AsyncListView list="{getDataResult.lastResult}"/> 
       </s:List> 
      </mx:VBox> 

      <mx:VBox label="Search" 
        width="100%" 
        height="100%"> 

      </mx:VBox> 
     </mx:TabNavigator> 

Answer 1

TabNavigatorコンテナからのパディングを削除します。

<mx:TabNavigator paddingTop="0" 
       paddingLeft="0" 
       paddingRight="0" 
       paddingBottom="0">