sapui5 - 将按钮添加到图标选项卡栏

Question

我正在设计一个基本布局。我想在与我的图标标签栏相同的行中添加一个按钮。我可以找到任何解决方案。在上面发布图片以供参考。

<mvc:View controllerName="Workspace.test01.controller.App" xmlns="sap.m" xmlns:mvc="sap.ui.core.mvc" xmlns:core="sap.ui.core">
<Page title="{i18n>homePageTitle}">
    <content>
        <IconTabBar id="idIconTabBarNoIcons" class="sapUiResponsiveContentPadding">
            <items>
                <IconTabFilter text="abc" class="Tabheader">
                </IconTabFilter>
                <IconTabFilter text="fdvvvfv"></IconTabFilter>
                <IconTabFilter text="vdfvvdvvv"></IconTabFilter>
                <IconTabFilter text="Avfdsd"></IconTabFilter>
            </items>
        </IconTabBar>
    </content>
</Page>

标签： sapui5

Answer 1

您可以使用HBox和实现它layoutData

<l:VerticalLayout width="100%" >
    <HBox>
        <IconTabBar>
            <items>
                <IconTabFilter text="abc" class="Tabheader">
                </IconTabFilter>
                <IconTabFilter text="fdvvvfv"></IconTabFilter>
                <IconTabFilter text="vdfvvdvvv"></IconTabFilter>
                <IconTabFilter text="Avfdsd"></IconTabFilter>
            </items>
            <layoutData>
                <FlexItemData growFactor="2" />
            </layoutData>
        </IconTabBar>
        <Button text="Button" class="sapUiSmallMarginTop sapUiTinyMarginBegin" />
    </HBox>
</l:VerticalLayout>

输出