- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一列有 3 行。每行包含一个图像。此列是 GridPane
的子项。如您在以下 FXML 中所见:
<GridPane GridPane.columnIndex="1">
<columnConstraints>
<ColumnConstraints hgrow="SOMETIMES" maxWidth="7.0" minWidth="0.0" prefWidth="0.0" />
<ColumnConstraints hgrow="SOMETIMES" maxWidth="30.0" minWidth="10.0" prefWidth="30.0" />
</columnConstraints>
<rowConstraints>
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
</rowConstraints>
<children>
<ImageView fitHeight="31.0" fitWidth="29.0" onMousePressed="#addNewUser" pickOnBounds="true" preserveRatio="true" GridPane.columnIndex="1" GridPane.rowIndex="0">
<image>
<Image url="@/views/add.png" />
</image>
</ImageView>
<ImageView fitHeight="31.0" fitWidth="29.0" onMousePressed="#removeUser" pickOnBounds="true" preserveRatio="true" GridPane.columnIndex="1" GridPane.rowIndex="1">
<image>
<Image url="@/views/remove.png" />
</image>
</ImageView>
<ImageView fitHeight="31.0" fitWidth="29.0" onMousePressed="#editUser" pickOnBounds="true" preserveRatio="true" GridPane.columnIndex="1" GridPane.rowIndex="2">
<image>
<Image url="@/views/edit.png" />
</image>
</ImageView>
</children>
</GridPane>
根据我的理解,GridPane
具有固定大小,不会根据父级的大小进行相应更改。 (如果我错了,请随时纠正我)。因此我需要用可以调整大小的 AnchorPane
包裹它们。所以我添加了它并得到了以下内容:
<children>
<AnchorPane prefHeight="1000.0" prefWidth="900.0" style="-fx-background-color:red" >
<GridPane GridPane.columnIndex="1">
<columnConstraints>
<ColumnConstraints hgrow="SOMETIMES" maxWidth="7.0" minWidth="0.0" prefWidth="0.0" />
<ColumnConstraints hgrow="SOMETIMES" maxWidth="30.0" minWidth="10.0" prefWidth="30.0" />
</columnConstraints>
<rowConstraints>
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
</rowConstraints>
<children>
<ImageView fitHeight="31.0" fitWidth="29.0" onMousePressed="#addNewUser" pickOnBounds="true" preserveRatio="true" GridPane.columnIndex="1" GridPane.rowIndex="0">
<image>
<Image url="@/views/add.png" />
</image>
</ImageView>
<ImageView fitHeight="31.0" fitWidth="29.0" onMousePressed="#removeUser" pickOnBounds="true" preserveRatio="true" GridPane.columnIndex="1" GridPane.rowIndex="1">
<image>
<Image url="@/views/remove.png" />
</image>
</ImageView>
<ImageView fitHeight="31.0" fitWidth="29.0" onMousePressed="#editUser" pickOnBounds="true" preserveRatio="true" GridPane.columnIndex="1" GridPane.rowIndex="2">
<image>
<Image url="@/views/edit.png" />
</image>
</ImageView>
</children>
</GridPane>
</AnchorPane>
</children>
</GridPane>
</children>
现在的结果是所有这 3 个都粘在一起,根本没有调整大小的迹象。为了调试我已将 AnchorPane
的背景设置为红色,它显示高度和宽度都符合应有的水平,但所有这些图像仍然相互粘连。知道我该如何解决这个问题吗?
最佳答案
您的 AnchorPane
占据了所有可用位置,但它的子项没有。这是默认行为,您可以通过将所有 anchor 显式设置为零来更改它。
<GridPane GridPane.columnIndex="1"
AnchorPane.topAnchor="0" AnchorPane.rightAnchor="0"
AnchorPane.bottomAnchor="0" AnchorPane.leftAnchor="0">
同样,如果您不希望您的表格垂直拉伸(stretch),您可以只设置左右 anchor 。
<GridPane GridPane.columnIndex="1" AnchorPane.rightAnchor="0" AnchorPane.leftAnchor="0">
关于java - 使 AnchorPane 可根据其父项调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39113303/
我正在编写一个 JavaFX 应用程序,顶部有一个菜单栏,下面有一个 AnchorPane,我可以在其中使用其他 FXML 文件来显示内容。问题是当代码运行时,即使我将 Vgrow 设置为“始终”,其
正如标题所示,我创建了一个根 AnchorPane,其中放置了两个 AnchorPane,上部 AnchorPane 以某种方式变得圆滑,但在下部 AnchorPane 的情况下,上侧是圆角的,而下侧
所以我正在致力于构建一个类似于 IDE 的应用程序,例如 Eclipse 或 Netbeans。我想要有不同的区域,用户可以选择一些内容,例如将显示在其中一个区域中的 View 。我的第一次尝试是将控
我想创建一个基于GridPane的应用程序。为了实现自适应性,我使用 AnchorPane。布局在宽度上延伸得很好,但在高度上却很糟糕。如何修复?
我有一个 TabPane,其中包含两个 Tab,并在 FXML 中设置。初始化时,我动态地将 AnchorPane 添加到 Tab 之一。然后,我将 ListView 设置为 AnchorPane 的
所以我对这个有点卡住了。我有一个非常基本的游戏,你可以用箭头键在网格中移动一艘船。 我添加了另一个线程,其中包含一些应该自动在网格中漫游的怪物。我可以从打印语句中看到线程正在运行并且怪物正在移动,但是
我初始化了一些不是我的锚定 Pane 的元素: AnchorPane root = new AnchorPane(listLoader.load(), textareaLoader.load(), f
对于一个项目,我得到了代码并且必须将其重构为 FXML,我正在尝试使用我得到的一段代码,它是 AnchorPane 的扩展,但是当我在 FXML 中将其从 AnchorPane 切换到 World 时
我正在尝试使鼠标事件在我的 javaFx 中工作。我希望能够向我的 anchor 面板添加鼠标事件,但我似乎无法使其工作。 room = new AnchorPane(); r
您好,我有以下代码,我在 anchor Pane 内添加一个圆圈,并在圆圈上添加文本。 Circle是一个Circle,ArrayList,有多个圆圈。 pane.getChildren().
我有一列有 3 行。每行包含一个图像。此列是 GridPane 的子项。如您在以下 FXML 中所见:
我在 AnchorPane 内有一个 JavaFX Label,它包含在 VBox 中。这个位于 ScrollPane 中。我希望文本自动换行并自动适应窗口的宽度。 这是我的代码的简化示例: publ
这似乎是一个简单的问题,但我还没有找到相关的答案。 我正在创建一个简单的 Javafx 应用程序,并在单击时创建可以拖动的节点。 我想确保特定类型的节点(圆形)始终绘制在 AnchorPane 顶部。
我正在做一个项目,我需要你的帮助。 我想知道是否可以将 percentage 中的锚定 Pane 约束设置为类似 AnchorPane.setLeftAnchor(content1, 35%); 最佳
我正在使用 SceneBuilder 8.0.0 和 JavaFX 8。 我有一个 Button btn 和一个 Label lbl 附加到 AnchorPane ap。 当应用程序启动时,btn 和
我有 AnchorPane根 根目录下的HBox HBox中有两个VBox,每个都没有名字,new AnchorPane和带有文本的每个 AnchorPane 中的无名标签 有表格,只是模板不适合我。
我正在使用 sceneBuilder。 How to clear an AnchorPane ? Is there a way to delete all the nodes contained in
我希望我的 Javafx 组件(如标签、TextFields 分别包装在 VBox 中)保持在窗口的中央,即使它已调整大小。见附件图片。目前这些组件包含在 anchorPane 中。FXML 文件代码
我正在 javafx 中创建一个小应用程序。我想设置背景颜色,所以以下是我的 FXML 代码..我需要如何设置背景颜色
我会将我的锚定 Pane 打印为 png:我在我的 Controller 中加载了一个图像并写了一些文本,而不是我想保存整个面板,但我不知道我必须使用哪些工具。 URL fxmlpath = this
我是一名优秀的程序员,十分优秀!