1Page介绍
页面是一个容器控件，它包含一个应用程序的整个屏幕。该页面有三个不同的区域可以存放内容——一个标题、内容区域和一个页脚。页面顶部的大部分区域被标题占据。标准头包括一个导航按钮和一个标题。或者，可以创建自己的自定义头部，这是在customHeader聚合中定义的。内容占据页面的主要部分。默认情况下，只有内容区域是可滚动的。这可以通过设置enableScrolling为false来防止页脚是可选的，并占据页面的固定底部部分。或者，页脚可以浮动在内容的底部。这是在floatingFooter属性中启用的。2Page 属性
titleLevel : 定义标题的语义级别。使用“Auto”没有明确的级别信息。仅用于可访问性目的。分H1到H6几个级别showNavButton ： 如果该属性设置为true，那么将在标题栏的左侧区域显示导航按钮。showHeader ：这个页面是否有一个标题。如果设置为true，则使用“customHeader”聚合中的控件showSubHeader：这个页面是否应该显示子标题。navButtonTooltip ：导航按钮的提示enableScrolling ：允许垂直滚动页面内容。页眉和页脚是固定的，不滚动。如果设置为false，就不会出现垂直滚动。页面只允许垂直滚动，因为一般来说，水平滚动对于全页内容来说是不鼓励的。如果还需要实现，请禁用页面滚动，并使用滚动容器作为页面的全页面内 容。这允 许自由地配置滚动。它还可以用来创建水平滚动的(垂直滚动的)页面。 backgroundDesign：该属性用于设置页面的背景颜色。当一个列表被放在一个页面内时， “list”应该被用来显示一个灰色的背景。“ Standard”值为白色，如果没有指定， 则被用作默认值。“Transparent“ 来设置透明背景，“Solid“ 背景颜色取决于主题。 contentOnlyBusy : 当调用.setbusy()时，决定由本地的busy指示器覆盖哪个区域。默认情况下，整个页面被覆盖，包括页眉和页脚。当这个属性被设置为“true”时，只有内容 区域被覆盖(不是标题/子标题和页脚)，这很有用，例如当在子标题中有一个检索字段，并且实时搜索持续更新内容区域，这时用户仍然可以输入。 floatingFooter ： 决定页脚是否可以浮动。当设置为true时，页脚不再固定在内容区域下面，而是从底部浮动到它上面。3代码与效果展示
组件显示效果根据组件的属性来改变效果，大家可以改变属性的值来展示不同的效果，各个属性的效果都写在上面，再用showHeader=true的时候customeHeader这个标签才生效，并把page里的title、titleLevel、showNavButton、navButtonPress属性替换，但是在customeHeader加上相应的效果一样<Page id="Template" title="Page介绍" titleLevel="H1" showNavButton="true" navButtonPress="Back" showHeader = "true" showSubHeader="true" enableScrolling="true" contentOnlyBusy="true" floatingFooter="true" backgroundDesign="Solid" showFooter="true"> <subHeader> <Bar> <contentMiddle> <Title level="H1" text="子标题" /> contentMiddle> <contentRight> <Button icon="sap-icon://bar-code" width="10em" type="Accept" press="handleCamera" /> <Button text="附件" icon="sap-icon://create-form" press="handleAttachmentDialog" type="Accept"/> contentRight> Bar> subHeader> <content>content> <footer> <Bar> <contentRight> <Button id="Add" icon="sap-icon://add" width="10em" text="{i18n>AI.Add}" type="Accept" press="AddDataMI" /> contentRight> Bar> footer> Page>
4 代码来源
登录SDK官网：https://sapui5.hana.ondemand.com/sdk/#/topic/95d113be50ae40d5b0b562b84d715227，API Reference中可以查询此组件的各个属性的具体意义Samples搜索到想查到的组件，可以查看例子与代码实现 右上角的切换按钮，可以查看源代码，并可以下载下来，直接将webContent文件夹导入新建的项目上，即可运行查看效果。
我是老周，如果你喜欢我的文字，请记得点击⬇️关注我。
码字不易，文章下拉，右边点个【赞】和【在看】吧！！
猜您还喜欢合集：
解决方案
SAP优化
ABAP新语法
SAP Note
SAP
ABAP
懒人鱼
猜您还喜欢文章：
聊聊ABAP动态编程
SAP这样优化：乙方开心，甲方放心！
浅谈SAP/SSO介绍及应用
浅谈SAP/ 文档管理解决方案
浅谈SAP/某化学纤维行业客户-优化案例
