2009-11-03 58 views
7

新手警报:调整Horizo​​ntalPanel单元的大小

我一直在寻找一种方法来调整Horizo​​ntalPanel的特定单元。

我想要做的是实现一个2单元的水平面板,并将左侧单元格设置为200px。但是,我试图让正确的单元格填充窗口的其余部分,而不是其单元格内容。

我看不到树木,不见森林,请帮助...

回答

9
  HorizontalPanel horizontalPanel=new HorizontalPanel(); 
     horizontalPanel.setWidth("100%"); 
     Widget widget1=new Widget(); 
     Widget widget2=new Widget(); 
     horizontalPanel.add(widget1); 
     horizontalPanel.add(widget2); 
     horizontalPanel.setCellWidth(widget1,"200"); 

在上面的代码中,如果WIDGET2的宽度设置为100%,那么WIDGET2将填补了]视窗WIDGET2宽度的休息不是100%,它不会填充窗口的其余部分。只需检查第二个单元格内容的宽度。它不应该是100%。

+0

只是一个额外的细节,你应该的事情:如果在第二单元的小部件是基于DIV那么这将是100%的宽度,因此将与窗口调整。 – 2009-11-03 12:32:44

3

或者,如果你正在做这与UiBinder的:

<g:HorizontalPanel width="100%"> 
    <g:cell width="200"> 
     <!-- Stuff --> 
    </g:cell> 
    <g:cell> 
     <!-- More Stuff --> 
    </g:cell> 
</g:HorizontalPanel> 
5

我发现我需要调整达摩的回答稍微使这项工作。 您必须在第一个单元格中设置小部件的显式大小。但是,然后设置第二个单元格的宽度为100%。

<g:HorizontalPanel width="100%"> 
    <g:cell> 
     <g:SimplePanel width="200px"/> 
    </g:cell> 
    <g:cell width="100%"> 
     <g:SimplePanel width="100%"/> 
    </g:cell> 
</g:HorizontalPanel> 
相关问题