在GWT 2.4中，将同一行中的两个按钮与HTMLPanel对齐的正确方法是什么？

我正在使用GWT 2.4和uiBinder将小部件添加到页面。现在我想在一行中布置两个底部按钮，但我不确定正确的方法来做到这一点。在GWT 2.4中，将同一行中的两个按钮与HTMLPanel对齐的正确方法是什么？

我尝试添加在horizontalPanel这样的：

<tr> 
    <td align="center"> 
     <g:HorizontalPanel ui:field="horizontalPanel" borderWidth="1" spacing="50"> 
     <g:Button ui:field="cancelButton" text="Cancel"></g:Button> 
     <g:Button ui:field="exitButton" text="Exit"></g:Button>      
    </g:HorizontalPanel> 
    </td> 
</tr>

，但它不是间距按钮相隔足够的距离。增加间距可为面板增加更多高度，并将所有内容都推下来，使其上方的另一个按钮向下移动。

这样做的正确方法是什么？

来源

2011-11-21 James Drinkard

有两种方法你可以去在GWT做你的布局：

取决于SmartGWT的或GXT。
咬紧牙关，学习CSS。

我建议人们去第二条路。 smartgwt和gxt对于一个简单的项目似乎很有吸引力。但是，随着您的项目变得越来越复杂，与所有其他GWT产品的不兼容性变得越来越宽。

咬紧牙关，学习如何将css集成到gwt中。

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent"> 
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder" 
    xmlns:g="urn:import:com.google.gwt.user.client.ui"> 
    <ui:style> 
    .trivial { 
     font-weight: bold; 
     margin-left: 50px; 
     margin-top: 0px; 
     margin-right: 50px; 
     margin-bottom: 0px; 
    } 
    </ui:style> 
    <g:HorizontalPanel> 
    <g:Button styleName="{style.trivial}" ui:field="button1">David Headley</g:Button> 
    <g:Button styleName="{style.trivial}" ui:field="button2">Debacle</g:Button> 
    </g:HorizontalPanel> 
</ui:UiBinder>

来源

2011-11-22 02:34:40

在GWT 2.4中，将同一行中的两个按钮与HTMLPanel对齐的正确方法是什么？

回答

相关问题