GWT DockLayoutPanel子部件選型

我創建並添加小部件DockLayoutPanel像這樣：GWT DockLayoutPanel子部件選型

DockLayoutPanel dockPanel = new DockLayoutPanel(Unit.PCT); 
dockPanel.addNorth(widget, size);

是什麼尺寸參數來確定？

Google says使用CSS參數left，top，width，height，right和bottom來確定孩子的大小（在基於Constraint-based Layout的部分）。

從邏輯上講，傳遞值100（單位爲％）作爲大小會使小部件填充它的容器，因爲它表示單個維度。

我只想獲得一個佈局，其中北部小部件的高度爲100px，寬度爲100％，東部和西部的高度爲100％，寬度爲25％，中心佔用剩餘空間。我用香草DockPanel實現了這一點，但UI在窗口大小變化等方面還不夠健壯。

我很感激DockLayoutPanel大小或任何有用的指針的解釋。提前致謝。

注：我沒有興趣使用UI綁定器，因爲我已經創建了應用程序，這個過程是維護工作。

來源

2012-06-14 DarthGazak

DockLayoutPanel以一種方式（CM，PCT，PX）支持尺寸。但是你在混合尺寸。對於一個孩子，你想用PX。對於其他你想要的百分比。我不認爲這是可能的。但是你說你能夠實現這種佈局。請發佈您開發的代碼。另外，請確保您使用明確的標準模式。並確保您使用的是調整瀏覽器大小調整佈局面板所必需的RootLayoutPanel。 –

我開發的代碼使用** DockPanel **，您不必在構造函數中指定大小單位。我已經聲明瞭所需的<！DOCTYPE html>並使用RootLayoutPanel。 – DarthGazak

對於北部和南部子面板，size參數確定它們的高度，其中寬度隱含地爲100％。對於東部和西部子面板，參數確定它們的寬度，高度隱含地爲100％。

來源

2012-06-14 20:35:38

比我想象的更簡單！我的主要目的是在應用程序的頂部創建一個「標題」欄。通過將實際的複合小部件（由DockLayoutPanel和其子面板中的一些小部件組成）約束到100像素的高度，整個「頭部」將具有恆定的高度。然後，我可以使用百分比來確定子面板的大小，並應用您的建議。瞧，水平軸上的動態大小，我的願望。 – DarthGazak

GWT DockLayoutPanel子部件選型

回答

相關問題