はGWT

2016-07-26 3 views
-1

コード内で互いに横に2つのラベルを置く:はGWT

RootPanel footer = RootPanel.get("footer"); 
footer.addStyleName(StyleNameGen.createName("mainWidgetFooterStyle")); 
footer.add(versionLabel); 
footer.add(expirationMessage); 

、それはそれ以下versionLabel and then expirationMessage `を置きます。

versionLabelexpirationMessageの他に入れたい場合はどうすればいいですか?

+0

versionLabelとexpirationMessageはどのような種類のウィジェットですか? –

答えて

0

Horizo​​ntalLayoutContainerやHBoxLayoutContainerのように、両方を別のコンテナに追加する必要があります。

HorizontalLayoutContainer labelContainer = new HorizontalLayoutContainer() 
labelContainer.add(versionLabel, new HorizontalLayoutData(-1, -1, new Margins(5))); 
labelContainer.add(expirationMessage, new HorizontalLayoutData(-1, -1, new Margins(5))); 
footer.add(labelContainer); 
0

正しく理解したら、2つのラベルを重ねて配置する必要があります。 このために、あなたは試すことができます:

FlowLayoutContainer somePanel = new FlowLayoutContainer(); 
mixCont.add(somePanel); 
Label versionLabel = new Label("12345678"); 
Label expirationMessage = new Label("9999999"); 
versionLabel.getElement().getStyle().setFloat(Style.Float.LEFT); 
expirationMessage.getElement().getStyle().setPosition(Position.ABSOLUTE); 
expirationMessage.getElement().getStyle().setLeft(20, Unit.PX); 
somePanel.add(versionLabel); 
somePanel.add(expirationMessage); 

実際に次のコードは、あなたの問題を解決する必要があります。 2行目は、重複するメッセージの配置に役立ちます。

expirationMessage.getElement().getStyle().setPosition(Position.ABSOLUTE); 
expirationMessage.getElement().getStyle().setLeft(20, Unit.PX);