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);

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

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