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