ZK：带按钮的Menubar

Question

我得到了一个ZUL页面，它由“borderlayout”对齐。在“北部”，我得到了一个菜单栏，它左对齐。

现在我想要在“北部”的两个按钮和两个标签，在Menubar（右）的相反方向。

我想：

 <north border="none"> 
     <hbox width="100%"> 
      <menubar id="menubar" width="380px"> 
       <menu label="A"> 
        <menupopup> 
         <menuitem label="A1"/> 
        </menupopup> 
       </menu> 
       ....      
      </menubar> 
      <hbox vflex="1" hflex="1" align="center"> 
       <div hflex="1"></div> 
       <label id="B"/> 
       <button id="C" label="C" /> 
       <button id="D" label="D" /> 
       <label id="E"/> 
      </hbox> 
     </hbox> 
    </north> 

这看起来不错，但是当我设置标记“B”或“E”的值，该设计被打破。

ħ**号码：//i.imgur.com/HnRnxmj.png

图像中的顶部部分是寻找一个正确的，而底部一个被拧起来。任何想法如何解决这个问题？按钮是“固定宽度”，而两个标签都可以“增长”。

感谢

Answer 1

您的间隔<div>是吃了所有的空间。删除它，然后将<hbox>的pack设置为end。

这给了你这样的事情：

...      
    </menubar> 
    <hbox vflex="1" hflex="1" align="center" pack="end"> 
    <label id="B"/> 
... 

作为一般的笔记，我觉得它非常有助于使用Firefox/Firebug用于调试的布局问题。所以人们可以很容易地看到由ZUL代码生成的结果DOM。