Flex 4 spark tabbar. Как уменьшить пространство между кнопкой вкладки и рамкой - PullRequest
Новая
       18

Flex 4 spark tabbar. Как уменьшить пространство между кнопкой вкладки и рамкой

1 голос
/ 20 декабря 2010

Как убрать пробел между кнопкой табуляции и границей контейнера.

Код 

<s:TabBar dataProvider="{vsApplication}" >

 <s:layout>
  <!--<s:ButtonBarHorizontalLayout gap="7" />-->
  <s:HorizontalLayout gap="7" paddingBottom="0"/>
 </s:layout>

 </s:TabBar>

 <mx:ViewStack id="vsApplication" width="100%">

  <s:NavigatorContent id="ncConfiguration" label="Configuration" width="100%">
   <s:BorderContainer width="100%">

   </s:BorderContainer>
  </s:NavigatorContent>

  <s:NavigatorContent id="ncProject" label="Project" width="100%">
   <s:BorderContainer width="100%">
   <mx:DataGrid id="dgProject" dataProvider="{projectData}" doubleClickEnabled="true" itemDoubleClick="dgProject_itemDoubleClickHandler(event)">
    <mx:columns>
     <mx:DataGridColumn headerText="Project ID" dataField="ProjectID"/>
     <mx:DataGridColumn headerText="Project Name" dataField="ProjectName"/>
     <mx:DataGridColumn headerText="Planned Start Date" dataField="PlannedStartDate"/>
     <mx:DataGridColumn headerText="Planned End Date" dataField="PlannedEndDate"/>
     <mx:DataGridColumn headerText="Actual Start Date" dataField="ActualStartDate"/>
     <mx:DataGridColumn headerText="Actual End Date" dataField="ActualEndDate"/>
    </mx:columns>
   </mx:DataGrid>
   </s:BorderContainer>
  </s:NavigatorContent>

  <s:NavigatorContent id="ncTimesheet" label="Timesheet" width="100%">
   <s:BorderContainer width="100%">

   </s:BorderContainer>
  </s:NavigatorContent >

  <s:NavigatorContent id="ncDashboard" label="Dashboard" width="100%">
   <s:BorderContainer width="100%">

   </s:BorderContainer>
  </s:NavigatorContent>

 </mx:ViewStack>

Ответы [ 2 ]

6 голосов
/ 07 января 2011

У меня была похожая проблема - нигде не указывалось заполнение или пробел, но между TabBar и ViewStack был пробел.

Исправлено было установить gap="0" в макете родительского компонента (в моем случае это Panel с VerticalLayout).

1 голос
/ 20 сентября 2011

Я исправил это, выполнив то же самое, что и Энди, но просто упаковав компоненты в другой компонент

из 

  <s:TabBar dataProvider="{viewStack}"/>
  <mx:ViewStack id="viewStack" width="100%" height="25%" creationPolicy="all">
    <view:TabA id="tabA"/>
    <view:TabB id="tabB"/>
  </mx:ViewStack>

в 

<s:VGroup gap="0" width="100%">
  <s:TabBar dataProvider="{viewStack}"/>
  <mx:ViewStack id="viewStack" width="100%" height="25%" creationPolicy="all">
    <view:TabA id="tabA"/>
    <view:TabB id="tabB"/>
  </mx:ViewStack>
</s:VGroup>

В этом случае яобернул мою панель вкладок и просмотр стека в VGroup, так как я не хотел влиять на пробелы любого другого компонента в моем окне.

...