Apache flex 在按钮栏内的单个按钮上设置水平间隙和

Apache flex 在按钮栏内的单个按钮上设置水平间隙和,apache-flex,flex3,Apache Flex,Flex3,我有以下切换按钮栏: <mx:ToggleButtonBar buttonWidth="85" height="45" id="menuBar" width="595" x="0" y="23"> <mx:dataProvider> <mx:Object data="{LocalConfig.CONNECTION_STATE}" icon="@Embed(source='resources/images/Bonjour.png

我有以下切换按钮栏:

<mx:ToggleButtonBar buttonWidth="85" height="45" id="menuBar" width="595" x="0" y="23">
        <mx:dataProvider>
            <mx:Object data="{LocalConfig.CONNECTION_STATE}" icon="@Embed(source='resources/images/Bonjour.png')" label="   "/>
            <mx:Object data="{LocalConfig.LANGUAGES_STATE}" icon="@Embed(source='resources/images/languages.png')" label="   "/>
            <mx:Object data="{LocalConfig.TAGGING_STATE}" icon="@Embed(source='resources/images/tag.png')" label="   "/>
            <mx:Object data="{LocalConfig.FONT_MAPPING_STATE}" icon="@Embed(source='resources/images/FontPanel.png')" label="   "/>
            <mx:Object data="{LocalConfig.ERROR_CHECKING_STATE}" icon="@Embed(source='resources/images/Clear-Green-Button.png')" label="   "/>
            <mx:Object data="{LocalConfig.USERS_STATE}" icon="@Embed(source='resources/images/UserAccounts.png')" label="   "/>
            <mx:Object data="{LocalConfig.UPLOAD_STATE}" icon="@Embed(source='resources/images/Network.png')" label="   "/>
        </mx:dataProvider>
    </mx:ToggleButtonBar>

我想要的是,最后一个按钮有一个10像素的水平间距,所以它与其他按钮分开。我还希望它比其他按钮小一点。是否有可能这样做,或者我应该尝试不同的方法?我还尝试将其定义为一个单独的按钮,但随后您会失去一个推入按钮的效果。

您可以使用以下命令为切换按钮栏中的最后一个元素定义不同的样式:

lastButtonStyleName
使用此选项,您可以随心所欲地设置样式

如果您需要更深入地了解,您可以扩展ToggleButtonBar类,并根据需要在其中进行覆盖: