步骤11：页面和面板

从这节开始，为改善我们应用程序的外观。我们将使用sap.m库中的两个控件为我们的UI添加更多的“ bling”。您还将在此步骤中了解控件聚合。

1.练习效果

2.源码

您可以在演练-步骤11中查看和下载所有文件。

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>

<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}">

<Panel

headerText="{i18n>helloPanelTitle}">

<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>

步骤11：页面和面板

1.练习效果

2.源码

您可能还会对这些文章感兴趣！

留下一个回复取消回复

步骤11：页面和面板

1.练习效果

2.源码

您可能还会对这些文章感兴趣！

留下一个回复 取消回复

留下一个回复取消回复