VIew 上的 SAPUI5 拆分器布局但不使用 splitApp答案

【问题标题】：SAPUI5 Splitter Layout on VIew but not using splitAppVIew 上的 SAPUI5 拆分器布局但不使用 splitApp
【发布时间】：2015-02-27 19:10:57
【问题描述】：

我在我的 SAPUI5 应用程序中使用 sap.m.App，我想在页面上放置一个拆分器布局。

我没有创建为 sap.m.splitApp，因为我有一些我不希望作为拆分器布局的视图。

如何在特定视图上放置拆分器布局？

我的测试视图：

<mvc:View xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc"
xmlns="sap.m" xmlns:l="sap.ui.layout" controllerName="controller.MyList"
xmlns:html="http://www.w3.org/1999/xhtml">
<Page showNavButton="{device>/isPhone}" navButtonPress="handleNavButtonPress"
    title="{i18n>MY_LIST_TITLE}">
    <l:Splitter height="500px">
    <Toolbar>
        <SearchField id = "search" search ="handleSearch" width="100%" />
    </Toolbar>
    <List
        id="myList"
        mode="{device>/listMode}"
        select="handleListSelect"
        items="{/LIST}" >
        <ObjectListItem
            type="{device>/listItemType}"
            press="handleListItemPress"
            title="{ID}">
            <attributes>
                <ObjectAttribute text="{DESCRIPTION}" />
            </attributes>
            <firstStatus>
                <ObjectStatus text="STATUS" />
            </firstStatus>
        </ObjectListItem>
    </List> 
    </l:Splitter>
 </Page>
</mvc:View>

结果是：

感谢您的帮助！

【问题讨论】：

不确定您的问题是什么？...拆分器按预期完美显示
质量，谢谢回复！实际上，我希望列表保留在搜索字段下方。
好吧，是什么阻止您将两个控件封装在 VBox 或 VerticalLayout 中，以便它们都显示在彼此下方 ;-)
Qualiture，当我使用 VBox 将项目放在一起时，不会显示拆分器布局。 - 我正在尝试遵循这个tutorial，但使用登录页面，在带有磁贴容器的页面之后，而不是拆分布局。
是的，但是你当然应该把一些其他的内容放在右边的窗格中；在左侧窗格中添加带有工具栏和列表的VBox，而右侧窗格中没有任何内容，当然不会显示右侧窗格

标签： android layout sapui5 splitter

【解决方案1】：

您只能使用拆分应用技术开发的附加屏幕应用。正如您提到的“我不希望作为分切器布局的某些视图”-对于那些我可以建议您使用 fullScreenPageRoutes

       fullScreenPageRoutes : {

        "summaryPage": {
            pattern : "summary",
            view : "summaryView"
         },
        }

【讨论】：

小猫，谢谢回复！我正在关注这个tutorial，但就我而言，我必须创建一个登录页面和一个带有磁贴选项的开始中心页面！所以，我没有使用路由器来浏览页面。