SmartGWT基本①-XY表示

XYレイアウトの仕組みを紹介します。この知識をベースにして、画面ビジュアルデザインツールを開発することが可能です。

このサンプルも簡単なサンプルなので、画面に一つのCanvasと四つのブタンを配置します。これらのウィジェットを追加する順により、表示レアーが決まります。例えばCanvasウィジェットを一番目に配置しますので、一番下に表示されます。各ボタンを押した際に、ボタンIDを表示します。



final Canvas canvas = new Canvas();

canvas.setContents("<img src='/images/webdesktop.png' border='0'>");
canvas.setCanDrag(true);
canvas.setWidth100();
canvas.setHeight100();
canvas.setBackgroundColor("#EEEEEE");
canvas.draw();

IButton objIButton1 = new IButton("Button1");
objIButton1.addClickHandler(new objIButton1_Click());
objIButton1.setLeft(50);
objIButton1.setTop(50);
objIButton1.draw();
System.out.println(objIButton1.getID());

IButton objIButton2 = new IButton("Button2");
objIButton2.addClickHandler(new objIButton1_Click());
objIButton2.setLeft(100);
objIButton2.setTop(80);
objIButton2.draw();
System.out.println(objIButton2.getID());

IButton objIButton3 = new IButton("Button3");
objIButton3.addClickHandler(new objIButton1_Click());
objIButton3.setLeft(150);
objIButton3.setTop(110);
objIButton3.draw();
System.out.println(objIButton3.getID());

IButton objIButton4 = new IButton("Button4");
objIButton4.addClickHandler(new objIButton1_Click());
objIButton4.setLeft(200);
objIButton4.setTop(140);
objIButton4.draw();
System.out.println(objIButton4.getID());