GWT to SplitLayoutPanel drag

Question

在GWT中，有没有可能有一个处理程序来检测到SplitLayoutPanel的旋钮被拖动或按下？

谢谢你的帮助。

Answer 1

我认为，可以通过重写DockLayoutPanel的onResize()继承方法来实现：

  SplitLayoutPanel splitLayoutPanel = new SplitLayoutPanel(){
            @Override
            public void onResize() {
                super.onResize();
                Window.alert("resized");
            }
        };  

Answer 2

您可以通过添加中间ResizeLayoutPanels来完成此操作。

MyComposite.ui.xml :

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
    xmlns:g="urn:import:com.google.gwt.user.client.ui" 
    xmlns:my="urn:import:my.custom.package.client">

<g:SplitLayoutPanel ui:field="splitLayoutPanel">
    <g:west size="250">
    <g:ResizeLayoutPanel ui:field="leftMenuOuterPanel">
            <my:MenuWidget ui:field="menuWidget" />
        </g:ResizeLayoutPanel>
    </g:west>
    <g:center>
        <g:ResizeLayoutPanel ui:field="centerOuterPanel">
            <my:AwesomeWidget ui:field="centerWidget" />
        </g:ResizeLayoutPanel>
    </g:center>
</g:SplitLayoutPanel>

</ui:UiBinder>

MyComposite.java :

class MyComposite extends Composite{
    // fuss with ui binder interfaces
    // other fuss to declare widgets as @UiField

    public MyComposite(){
        initWidget(uiBinder.createAndBindUi(this));
        leftMenuOuterPanel.addResizeHandler(new ResizeHandler(){
            public void onResize(ResizeEvent event){
                // Here do what you want
            }
        });
    }
}

我建议使用延迟命令来处理resize事件，因为它在拖动拆分器时会触发很多次。

我使用它将菜单面板的宽度存储在用户的首选项中。