Question

我想在菜单上使用stacklayoutpanel，但我对g：stack高度有问题

这是我的代码：

<g:StackLayoutPanel unit="PX" width="100%" height="200px" >
  <g:stack>
    <g:header size="30">Menu 1</g:header>
    <g:HTMLPanel></g:HTMLPanel>
  </g:stack>
  <g:stack>
    <g:header size="30">Menu2</g:header>
    <g:HTMLPanel>
      <ul style="list-style:none;">
        <li>Elt 1</li>
        <li>Elt 2</li>
        <li>Elt 3</li>
        <li>Elt 4</li>
      </ul>
    </g:HTMLPanel>
  </g:stack>
<g/StackLayoutPanel>

我的问题是两个堆栈的高度相同，为80px。我想只显示第一个标题和第二个标题的四行。

我怎么能在uibinder中做到这一点？

感谢。

Answer 1

不幸的是，在UiBinder中无法做到这一点。 StackLayoutPanel的设计方式，只定义整个对象的高度。每个单独的堆栈不能单独调整大小。

话虽这么说，你可能会根据选择的子节点来调整整个小部件的大小，但这不会像当前设计那样“漂亮”，因为当在堆栈之间交换时，标题会跳转

GWT 2.4：Uibinder，Stacklayoutpanel，<g：stack>和height </g：stack>

1 个答案: