為了讓我們的app更加適應不同的設備,這節課我們引入shell控件作為根元素
1.修改App.view.xml,加入Shell控件
<mvc:ViewcontrollerName="ui5.walkthrough.controller.App"xmlns="sap.m"xmlns:mvc="sap.ui.core.mvc"displayBlock="true"><Shell><App><pages><Page title="{i18n>homePageTitle}"><content><PanelheaderText="{i18n>helloPanelTitle}"><content><Buttontext="{i18n>showHelloButtonText}"press=".onShowHello"/><Inputvalue="{/recipient/name}"description="Hello {/recipient/name}"valueLiveUpdate="true"width="60%"/></content></Panel></content></Page></pages></App></Shell>
</mvc:View>
2.npm start
這節課比較簡單,只是在最外層再加一個shell控件。為了更好的看出效果,我們可以在網頁debug,設置不同設備看下效果!