2010-12-20 87 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中查看堆栈,因为我不想影响窗口中任何其他组件的间隙。

相关问题