2010-12-20 34 views
1

如何刪除標籤按鈕和邊框容器之間的空間。Flex 4火花選項卡。如何減少標籤欄按鈕和邊框容器之間的空間

的代碼是

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

回答

6

我有一個類似的問題 - 沒有填充或間隙指定的任何地方,但有使用TabBar和則ViewStack之間的空間。

解決的辦法是在父組件的佈局中設置gap="0"(在我的情況下,使用VerticalLayout的Panel)。

1

我做一樣的安迪只是包裝的組件在另一個組件

<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中查看堆棧,因爲我不想影響窗口中任何其他組件的間隙。

相關問題