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 を使用してメニュー項目に収まるように画像を調整する必要があります。

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 に答える