使用maxWidth / maxHeight延伸的画布布局和小部件

时间:2015-03-27 02:27:13

标签: qooxdoo

this example中,绿色块具有相同的topbottom布局属性。当浏览器窗口调整大小时,块会徘徊在顶部;这意味着,顶部偏移保持不变,而底部偏移根据maxHeight小部件属性而变化。 (如果设置left布局属性和maxWidth小部件属性,该块也会留在左侧。)

如何反转行为,以便小部件徘徊在右下角?

1 个答案:

答案 0 :(得分:0)

  • 添加复合作为根窗口小部件,为其指定网格布局
  • 将要固定到屏幕左下角的小工具添加到合成中,第1行和第1列
  • 将第0行和第0列的flex设置为1
  • 为第1行和第2行以及第1列和第2列
  • 设置固定的高度/宽度

第1列的宽度和第1行的高度应该是小部件所需的尺寸。

或者,您可以使用行/列最小/最大高度/宽度 - 请参阅the grid layout API以了解所有可能性。

另一个替代方法是使用画布布局,其中窗口小部件保留在放置它们的位置,并且它们的位置或大小永远不会自动重新计算,并为容器的resize事件添加一个侦听器,您可以在其中手动重新计算所有内容。但是,我从来没有发现qooxdoo的容器和布局不允许我避免这种情况。

您链接的演示是其名称所示的演示 - 小部件的最小和最大尺寸,而不是定位。控制qooxdoo中的定位通过布局进行。 (在某种程度上,布局也可用于指定大小调整规则。)