JavaFX布局问题

Question

我在理解 JavaFX 中的布局时遇到一些问题。考虑以下代码。

Stage {
    title: "ListView test"
    scene: Scene {
        width: 400
        height: 400
        content: [
            VBox {
                content: [
                    ListView {
                        height: 200
                        width: 200
                        items: ["item1", "item2"]
                    }
                ]
            }
        ]
    }
}

我期待 ListView 以 200 x 200 尺寸显示，但无论我如何尝试解决此问题，ListView 的宽度和高度似乎都是固定的。但下面的代码可以按照我的意图显示 ListView 。

Stage {
    title: "ListView test"
    scene: Scene {
        width: 400
        height: 400
        content: [
            ListView {
                height: 200
                width: 200
                items: ["item1", "item2"]
            }
        ]
    }
}

那么，这里有什么问题呢？我无法在布局中使用 ListView？

Answer 1

在 JavaFX 1.2.x 中，布局中节点的宽度和高度信息用于读取目的。如果您想指定“首选”尺寸，请使用

ListVIew {
    layoutInfo: LayoutInfo {width: 200, height: 200}
}

这将在布局中作为首选尺寸进行处理，并且组件将根据此进行布局。如果您有使用 NetBeans JavaFX Composer Preview 的经验，您可能会注意到生成的代码使用特殊类型的绑定，允许在布局和其他容器（场景、组）中正确调整大小。

广告损坏：Java FX 中的布局是在 Node 上构建的，并使用算法方法来定位和调整组件大小，该方法独立于组/场景中使用的几何位置。不幸的是，在 1.2 中它带来了某种二元性，这应该会误导初学者。

Answer 2

布局节点可以更改其子节点的位置和大小。简单地设置子级的宽度和高度并期望布局知道它应该尊重您的新值是不好的，您需要的是某种方式来告诉布局节点您想要尊重的值。看一下 LayoutInfo 类，以及 Node.js 中的layoutInfo 变量。