广东装修公司排名前十强_常州城投建设招标网站_哪些行业适合做网络推广_最经典的营销案例

2025/6/8 17:37:49 来源：https://blog.csdn.net/shi_ly/article/details/148409683 浏览: 次关键词：广东装修公司排名前十强_常州城投建设招标网站_哪些行业适合做网络推广_最经典的营销案例

上一章讲了Nest View，Fragment。

SAP学习笔记 - 开发20 - 前端Fiori开发 Nest View（嵌套视图），Fragment（片段）-CSDN博客

本章继续学习Fiori 开发的知识。

1，Icons（图标）

1），Icon Explorer（图标浏览器）

2），HelloPanel.view.xml

3），HelloDialog.fragment.xml

4），运行看效果

下面是详细内容。

1，Icons（图标）

OpenUI5 SDK - Demo Kit

SAP Fiori UI5 提供很多的图标，开发者只需要查一下就可以直接使用，这也一定程度上保证了Fiori程序外观的一致性。

这些图标呢，本身不是图片，更像是一种字体，所以放大也不会变形太厉害，用起来非常方便。

1），Icon Explorer（图标浏览器）

Icon Explorer

那么要怎么查找有哪些图标呢？就是通过Icon Explorer。

输入任意关键字，就会出来很多选择

点击任意图标，右侧会出现该Icon的明细，其中下面这个就是Icon的ID，加上它就可以用了

- sap-icon://decrease-line-height

下面来在程序当中用一下。

2），HelloPanel.view.xml

<mvc:ViewcontrollerName="ui5.walkthrough.controller.HelloPanel"xmlns="sap.m"xmlns:mvc="sap.ui.core.mvc"><PanelheaderText="{i18n>helloPanelTitle}"class="sapUiResponsiveMargin"width="auto" ><content><Buttonid="helloDialogButton"icon="sap-icon://world"text="{i18n>openDialogButtonText}"press=".onOpenDialog"class="sapUiSmallMarginEnd"/><Buttontext="{i18n>showHelloButtonText}"press=".onShowHello"class="myCustomButton"/><Inputvalue="{/recipient/name}"valueLiveUpdate="true"width="60%"/><FormattedTexthtmlText="Hello {/recipient/name}"class="sapUiSmallMargin sapThemeHighlight-asColor myCustomText"/></content></Panel>
</mvc:View>

- icon="sap-icon://world"

通过Icon的ID来引用，用在按钮的 icon 属性上

3），HelloDialog.fragment.xml

<core:FragmentDefinitionxmlns="sap.m"xmlns:core="sap.ui.core" ><Dialogid="helloDialog"title ="Hello {/recipient/name}"><content><core:Iconsrc="sap-icon://hello-world"size="8rem"class="sapUiMediumMargin"/></content><beginButton><Buttontext="{i18n>dialogCloseButtonText}"press=".onCloseDialog"/></beginButton></Dialog>
</core:FragmentDefinition>

- <core:Icon src="sap-icon://hello-world"

通过Icon的ID，用在 src 属性上