Почему у меня есть пробел в моем TabNavigator?

#apache-flex #layout #positioning

#apache-flex #макет #позиционирование

Вопрос:

Извиняюсь за новичка 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>
  

Ответ №1:

Удалите заполнение из TabNavigator:

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