Step 11: Pages and Panels
Step 11: Pages and Panels
webapp/view/App.view.xml
<mvc:View
controllerName="sap.ui.demo.walkthrough.controller.App"
xmlns="sap.m"
xmlns:mvc="sap.ui.core.mvc"
displayBlock="true">
<App>
<pages>
<Page title="{i18n>homePageTitle}">
<content>
<Panel
headerText="{i18n>helloPanelTitle}">
<content>
<Button
text="{i18n>showHelloButtonText}"
press=".onShowHello"/>
<Input
value="{/recipient/name}"
description="Hello {/recipient/name}"
valueLiveUpdate="true"
width="60%"/>
</content>
</Panel>
</content>
</Page>
</pages>
</App>
</mvc:View>
使用了sap.m.Page和sap.m.App
sap.m.App为我们做了2件重要的事
- 它将一堆属性写入 index.html 的标题中,这些属性是在移动设备上正确显示所必需的。
- 它提供了在带有动画的页面之间导航的功能。 我们将很快使用它。
displayBlock 属性:为了保证全屏时候,高度的正确显示,设置为true
vx:xiaoshitou5854