gxt的LayoutContainer布局

截图： 

 

代码：

 

public class Gxt2 implements EntryPoint, IsWidget {
    @Override
    public void onModuleLoad() {
        Widget con = asWidget();
        Viewport viewport = new Viewport();
        viewport.add(con);
        RootPanel.get().add(viewport);
    }

    @Override
    public Widget asWidget() {
        final BorderLayoutContainer con = new BorderLayoutContainer();
        con.setBorders(true);

        ContentPanel west = new ContentPanel();
        ContentPanel center = new ContentPanel();

        west.setHeadingText("导航");
        center.setHeaderVisible(false);

        center.setResize(false);

        BorderLayoutData westData = new BorderLayoutData(200);
        westData.setCollapsible(true);
        westData.setSplit(true);
        westData.setCollapseMini(true);
        westData.setMargins(new Margins(5));

        MarginData centerData = new MarginData(5, 5, 5, 0);

        con.setWestWidget(west, westData);
        con.setCenterWidget(center, centerData);

        return con;
    }
}

BorderLayoutContainer有几个元素：north,west,south,east,center，类似网页设计中的顶部、左右中、底部。

Viewport是用于监听页面变化的container