Question

我需要在自由式门户网站的标题上添加图像，单击该图像时应打开一个具有特定URL的新窗口。目前尝试添加以下代码，但看起来非常小，就像个人资料图片一样。但是我们的要求是使它看起来更像徽标，并在右侧（作为标题末项）。

var oImageItem = new sap.ushell.ui.shell.ShellHeadItem("imageId", {
                    icon: "/images/image1.png",
                    tooltip: "Click here",
                    //height: "100%",
                    showSeparator: false,
                    href: "HarcodeURL",
                    target: "_blank"

                });
                oRendererExtensions.addHeaderEndItem(oImageItem);

Answer 1

该元素不存在。使用“ sap.m.Image”元素。（SDK sap.m.Image）

带有XML的代码：<m:Image src="/images/image1.png" width="100px" press="openNewWindow">

带有JS的代码：

var oImageItem = new sap.m.Image("imageId", {
                src: "/images/image1.png",
                tooltip: "Click here",
                width: "100px",
                press="openNewWindow"
            });

控制器中的新闻事件：

openNewWindow: function(){ window.open("https://www.hypej.com"); },

Answer 2

此链接可能非常有趣：How to place logo or icon at the Center of Unified Shell header?

您必须将“中心”更改为“右”，将“图标”更改为“图像”

它看起来像这样：

var oShell = new sap.ui.unified.Shell("oShell", {
   header: [
     new sap.m.FlexBox({
       justifyContent: sap.m.FlexJustifyContent.Center,
       items: [
         new sap.ui.core.Icon({
           src: "sap-icon://home"
         })
       ]
     })
   ]
});

您还可以将“ FlexBox”更改为“ VBox”。

如何在自由式门户网站的shell标头中添加图像？

2 个答案: