qooxdoo에서 윈도우 높이를 어떻게 설정합니까?

Question

창 높이를 부모 구성 요소의 전체 크기로 설정하고 높이의 전체 크기를 설정할 수 없습니다. 미리 감사드립니다. 다음 코드는 우리 요구 사항의 샘플 스 니펫입니다.

var win = new qx.ui.window.Window("First Window"); 
win.setAllowMaximize(true) 
win.setWidth(300); 
//We want to set full height window 
win.setBackgroundColor("green"); 

this.getRoot().add(win, {left:20, top:20}); 
win.open(); 

Answer 1

높이 설정은 레이아웃에 따라 다릅니다. 놀이터를 사용하면이 예제에서와 같이 기본 레이아웃은 Canvas로 각 가장자리의 거리를 지정할 수 있습니다. 또한

var win = new qx.ui.window.Window("First Window"); 
win.setAllowMaximize(true) 
win.setWidth(300); 
win.setBackgroundColor("green"); 

this.getRoot().add(win, {left:20, top:0, bottom:0}); 
win.open(); 

, 그리고 가능성이 당신이 당신의 실제 응용 프로그램에 필요한 무엇을, 당신이있는 곳으로 수직 박스 레이아웃을 가지고 : 당신이 캔버스 레이아웃을 찾고 무엇을 달성하기 위해, 당신의 예는 다음과 같이 수정된다 창. 이 경우, 당신은이 위젯은 컨테이너 공간의 비례 금액을 차지해야하는 flex 레이아웃 기능을 사용합니다 (이 경우, 컨테이너의 전체 높이를 사용합니다) :

// Use a vertical box layout instead of the default canvas layout 
this.getRoot().setLayout(new qx.ui.layout.VBox()); 

// Create a window 
var win = new qx.ui.window.Window("First Window"); 
win.setMaxWidth(200); 
win.setShowMinimize(false); 

// Add the window to the root with flex so that it takes up available space 
this.getRoot().add(win, {flex : 1}); 
win.open(); 

Derrell