如何設置PhosphorJS Widget的（初始）大小

Question

如何設置PhosphorJS Widget的（初始）大小，特別是DockPanel內的小部件？

您可以手動調整它們的大小，但我想以編程方式設置它們的大小。

Answer 1

一些小部件，如SplitPanel，有一個setSizes()方法。

在問題聯的示例中，面板CodeMirror能像這樣被調整大小（其它板將需要更多的通過層次挖掘）：

// First, find the parent widget: 

stackedLayout = panel.layout     
dockSplitPanel = stackedLayout._children[0] 

// OR directly: panel.layout._children[0] 


// Then set the relative sizes so the CodeMirror panel takes 60% of the width: 
dockSplitPanel.setSizes([6,4])