Vaadin佈局 - 如何讓面板擴大以填充大部分屏幕

Question

請注意我正在使用Vaadin進行此操作。

我正在努力讓中間面板擴展到頂部和底部分別填充大部分屏幕的頁眉和頁腳。這裏是我的代碼：

public class GridpocApplication extends Application { 

@Override 
public void init() { 
    System.out.println("starting now."); 

    final Window mainWindow = new Window("My Application"); 
    setMainWindow(mainWindow); 

    mainWindow.getContent().setSizeFull(); 

    VerticalLayout mainColumn = new VerticalLayout(); 
    //Header 
    Label top = new Label("HEADER"); 
    mainColumn.addComponent(top); 

    //The middle bit 
    final Panel middlePanel = new Panel(); 
    middlePanel.setSizeFull(); 
    middlePanel.getContent().setSizeUndefined(); 
    middlePanel.setScrollable(true); 
    mainColumn.addComponent(middlePanel); 
    mainColumn.setExpandRatio(middlePanel, 1.0f); 

    //footer 
    Label bottom = new Label("FOOTER"); 
    mainColumn.addComponent(bottom); 
    mainWindow.addComponent(mainColumn); 

    //test 
    Label test= new Label("This area should fill most of the screen."); 
    middlePanel.addComponent(test); 
} 
} 

我在哪裏出錯了？我看到的是這樣的：

Answer 1

嘗試使mainColumn.setSizeFull()和mainWindow.setContent(mainColumn)