截图： 

 

代码：

 

 
  
  1. public class Gxt2 implements EntryPoint, IsWidget { 
  2.     @Override 
  3.     public void onModuleLoad() { 
  4.         Widget con = asWidget(); 
  5.         Viewport viewport = new Viewport(); 
  6.         viewport.add(con); 
  7.         RootPanel.get().add(viewport); 
  8.     } 
  9.  
  10.     @Override 
  11.     public Widget asWidget() { 
  12.         final BorderLayoutContainer con = new BorderLayoutContainer(); 
  13.         con.setBorders(true); 
  14.  
  15.         ContentPanel west = new ContentPanel(); 
  16.         ContentPanel center = new ContentPanel(); 
  17.          
  18.         west.setHeadingText("导航"); 
  19.         center.setHeaderVisible(false); 
  20.          
  21.         center.setResize(false); 
  22.  
  23.         BorderLayoutData westData = new BorderLayoutData(200); 
  24.         westData.setCollapsible(true); 
  25.         westData.setSplit(true); 
  26.         westData.setCollapseMini(true); 
  27.         westData.setMargins(new Margins(5)); 
  28.  
  29.         MarginData centerData = new MarginData(5, 5, 5, 0); 
  30.  
  31.         con.setWestWidget(west, westData); 
  32.         con.setCenterWidget(center, centerData); 
  33.  
  34.         return con; 
  35.     } 
  36. } 
 
  
BorderLayoutContainer有几个元素：north,west,south,east,center，类似网页设计中的顶部、左右中、底部。
 
  
Viewport是用于监听页面变化的container