Question

我正在使用SAPUI5的XML视图，并发现我的图标都没有显示。下面是一些示例代码。代码会产生正确数量的图块和数据，但没有图标。

<TileContainer id="caseTiles" height="50%" tiles="{hello>/HelloCollection}">
    <StandardTile id="tileId" press="doIt" icon="sap-icon://hello-world"
        title="{hello>Greeting}"
        info="{hello>Language}"  />
</TileContainer>

在我使用图标的任何地方都是如此。我想我一定错过了什么，但我不确定是什么。任何帮助将不胜感激。

Answer 1

使用最新的UI5版本为我工作正常，请参阅以下jsbin example。但是，我尝试使用1.24.3 - 1.26.x并且在那里它不起作用。看来你需要至少1.28.x（即1.28.4）。要使用不同版本进行测试，只需将引导网址从https://openui5.hana.ondemand.com/resources/sap-ui-core.js更改为https://openui5.hana.ondemand.com/1.28.0/resources/sap-ui-core.js（此处您可以查看可用的版本：OpenUI5 versionoverview或SAPUI5 versionoverview）。

但是，我不知道为什么我可以在1.24.3的演示应用中看到hello-world图标，请参阅https://sapui5.hana.ondemand.com/1.24.3/#demoapps.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>SAPUI5 single file template by nabisoft</title>
        <script src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js"
            id="sap-ui-bootstrap"
            data-sap-ui-theme="sap_bluecrystal"
            data-sap-ui-libs="sap.m"
            data-sap-ui-bindingSyntax="complex"
            data-sap-ui-compatVersion="edge"
            data-sap-ui-preload="async"></script>

        <!-- template used: https://www.nabisoft.com/tutorials/sapui5/sapui5-single-file-template-using-xmlviews-controllers-fragments-and-custom-controls-for-bug-illustrations-support-requests-or-demos -->

        <!-- XMLView -->
        <script id="myXmlView" type="ui5/xmlview">
            <mvc:View
                height="100%"
                xmlns="sap.m"
                xmlns:core="sap.ui.core"
                xmlns:mvc="sap.ui.core.mvc">
                <App>
                    <Page 
                        enableScrolling="false" 
                        title="Tile with Icon">
                        <content>
                            <TileContainer>
                                <StandardTile
                                    icon="sap-icon://hello-world"
                                    title="My Title"
                                    info="My Info"/>
                            </TileContainer>
                        </content>
                    </Page>
                </App>
            </mvc:View>
        </script>

        <script>
            sap.ui.getCore().attachInit(function () {
                "use strict";

                sap.ui.xmlview({
                    viewContent : jQuery("#myXmlView").html()
                }).placeAt("content");

            });
        </script>

    </head>

    <body class="sapUiBody">
        <div id="content"></div>
    </body>
</html>

Answer 2

是因为hello-world不是SAP字体的图标吗？

请参阅Icon Explorer以获取正确的名称。 Here是walktrough。

SAPUI5图标不显示

2 个答案: