0

尝试添加带有图像且没有标签的菜单项。

<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>

有人可以知道怎么做吗?

4

1 回答 1

0

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

如果您无法更改图像的大小,则必须使用 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中运行

于 2013-03-16T05:08:29.940 回答