GWT-EXTのResizable
ext.jsではResizableを使うとオブジェクトのサイズを変更できます。
もちろん、gwt-extにも用意されています。
簡単に書くとこのような感じです。
ResizableConfig config = new ResizableConfig();
Resizable resizable = new Resizable(new Panel(),config);
基本は、Resizableへリサイズするコンポーネントを乗せるだけです。
ResizableConfigで設定をいろいろ行うことができます。
setMinWidth、setMinHeightではリサイズの最小値を設定できたり、setAnimateでサイズを変更したときにアニメーションをつけることができます。
ResizableConfig#setDraggableはドラッグ&ドロップオブジェクトになるのですが、リサイズした後にドラッグ&ドロップすると、座標がおかしくなる不具合があるようなので、こちらのメソッドを使わずにDDを使って、
Panel panel = new Panel();
DD dd = new DD(panel);
ResizableConfig config = new ResizableConfig();
Resizable resizable = new Resizable(panel,config);
のようにしたほうが良いです。
Posted in GWT |
