2009年4月21日火曜日

GWTでVerticalPanelとHorizontalPanel

本日は、2種類のパネルを試してみる。
VerticalPanelとHorizontalPanelを試してみた。

VerticalPanelは部品が縦に並び、HorizontalPanelは部品が
横に並ぶパネルのようです。

本日は、下記のページのサンプルを元に遊んでみました。

http://google-web-toolkit.googlecode.com/svn/javadoc/1.6/com/google/gwt/user/client/ui/TextBox.html


PasswordTextBox ptb = new PasswordTextBox();
TextBox tb = new TextBox();

// 数字しか入力を許容しないTextBox
tb.addKeyPressHandler(new KeyPressHandler() {
public void onKeyPress(KeyPressEvent event) {
if (!Character.isDigit(event.getCharCode())) {
((TextBox) event.getSource()).cancelKey();
}
}
});

// 横60文字 縦 5文字のTextArea
TextArea ta = new TextArea();
ta.setCharacterWidth(60);
ta.setVisibleLines(5);

// パネルの生成
VerticalPanel vpanel = new VerticalPanel();
HorizontalPanel hvpanel = new HorizontalPanel();
hvpanel.add(tb);
hvpanel.add(ptb);
vpanel.add(hvpanel);
vpanel.add(ta);
RootPanel.get().add(vpanel);




そして実行した結果はこんな感じ。

想像したとおりに結果が得られるのはうれしいもんですね。

0 件のコメント: