Question

尝试添加带有图像的menuitem并且没有标签。

<borderlayout> <north> <menubar>
<menuitem image="/test/image.gif" onclick="@command('doSomething')"/> <menuitem &gt;="" <="" menubar=""> </north> . . </borderlayout>

如果我添加没有任何标签的图像，它会从两侧（右侧和底部）剪切图像，如果我在标签中使用某些文本，则会显示完整图像，

我的问题是我必须显示一个只有图像的菜单项而没有文字。我无法改变图像的大小。

以下代码有效，但我不想添加标签

<borderlayout> <north> <menubar>
<menuitem label="a" image="/test/image.gif" onclick="@command('doSomething')"/> <menuitem &gt;="" <="" menubar=""> </north> . . </borderlayout>

任何人都知道怎么做吗？

Answer 1

我不太确定这是不是你想要的。

如果无法更改图像的大小，则必须使用css调整图像以适合menuitem。

以下是使用css3属性background-size

的示例

<zk>
  <style>
    .shrink .z-menuitem-img{
      background-size:24px 24px;
    }
  </style>
  <menubar>
    <menu label="test">
      <menupopup>
        <menuitem sclass="shrink" image="https://www.google.com.tw/images/icons/product/chrome-128.png" />
        <menuitem                 image="https://www.google.com.tw/images/icons/product/chrome-128.png" />
      </menupopup>
    </menu>
  </menubar>
</zk>

您可以看到此示例在ZkFiddle

中运行

在菜单栏上添加带有图像的menuitem

1 个答案: