为什么我的 TabNavigator 中有一个空白？答案

【问题标题】：Why do I have a gap within my TabNavigator?为什么我的 TabNavigator 中有一个空白？
【发布时间】：2011-10-23 01:16:15
【问题描述】：

对菜鸟 Q 表示歉意 - 尝试学习 Flex/Actionscript 并且遇到了一些基本的布局问题。（使用 FlashBuilder 4 和 Flex 4.5 HERO SDK）

我有一个 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>

【问题讨论】：

标签： apache-flex layout positioning

【解决方案1】：

从 TabNavigator 中删除填充：

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

【讨论】：