为了让我们的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,设置不同设备看下效果!