sapui5 shell 調用app，app可導航

第一步：在index.html 中構造app, pages, shell
第二步：在shell controller js代碼中 onInit方法中addContent(app)

第一步代碼：

            sap.ui.localResources("mobile");            var app = new sap.m.App({initialPage:"idpage2"});            var page1 = sap.ui.view({id: "idpage1", viewName:"mobile.page1", type:sap.ui.core.mvc.ViewType.XML});            var page2 = sap.ui.view({id: "idpage2", viewName:"mobile.page2", type:sap.ui.core.mvc.ViewType.XML});            app.addPage(page1);            app.addPage(page2);            var shell = sap.ui.view({id:"idshell", viewName:"mobile.ShellView", type:sap.ui.core.mvc.ViewType.XML});            shell.placeAt("content");

第二步代碼：

    onInit: function() {            this.getView().byId("myShell").addContent(app);        },

ShellView.view.xml代碼：

這裡寫代碼片<mvc:View    controllerName="mobile.ShellController"    xmlns:l="sap.ui.layout"    xmlns:u="sap.ui.unified"    xmlns:mvc="sap.ui.core.mvc"    xmlns="sap.m"    class="viewPadding">        <u:Shell            id="myShell"            icon="{/logo}">            <u:headItems>                <u:ShellHeadItem                    tooltip="Configuration"                    icon="sap-icon://menu2"                    press="handlePressConfiguration" />                <u:ShellHeadItem                    tooltip="Home"                    icon="sap-icon://home"                    visible="false"                    press="handlePressHome" />            </u:headItems>            <u:headEndItems>                <u:ShellHeadItem                    icon="sap-icon://log"                    tooltip="Logoff"                    press="handleLogoffPress" />            </u:headEndItems>            <u:user>                <u:ShellHeadUserItem                    image="sap-icon://person-placeholder"                    username="Karl Mustermann"                    press="handleUserItemPressed" />            </u:user>            <u:search>                <SearchField                    search="handleSearchPressed"/>            </u:search>            <u:paneContent>                <Text text="Lorem ipsum" />            </u:paneContent>        </u:Shell></mvc:View>

參考：
http://stackoverflow.com/questions/31470506/when-to-use-shell-app-container-page-view-and-splitapp-in-sapui5