- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在重做project我用processing做的因为我想在 JavaFX 中进行一些练习,因为我明年在大学里需要它,它会给我比处理更多的 ui 自由。这意味着我是用 javafx 做事的新手,抱歉。
我试图在我的主窗口中有一个容器来容纳一些 Pane 。稍后我将在这些 Pane 上单独进行绘制。我选择了 FlowPane,较小的 Pane 只是 Pane 。我希望如果窗口的大小发生变化,则会创建(删除)更多 Pane ,以便在容器上始终可见完美数量的 Pane (这有点难以解释,但请查看链接的图片下面,您就会明白)。这在 99% 的时间里都工作得很好,但有时 Pane 会溢出流程 Pane 。我尝试了很多方法来解决这个问题(几乎是暴力破解,哈哈),但我无法得到比这更好的结果。
不良行为
期望的行为
Github如果您想亲自尝试一下该项目
Controller 代码:
public class MainWindowController {
private int sizeOfOneGame = 100; //In pixel
//Space between the frame of the Pane that holds all games and the games
private int[] paddingAroundGames = {30, 30, 30, 30}; //Top, Right, Bottom, Left
//Space between two games
private int[] gapBetweenGames = {10, 10}; //X, Y
@FXML
FlowPane flowPaneGames;
public void initialize(){
//Sets space between two games in the flowPane
flowPaneGames.setHgap(gapBetweenGames[0]);
flowPaneGames.setVgap(gapBetweenGames[1]);
//Sets space between all games and the border of the flowPane
flowPaneGames.setPadding(new Insets(paddingAroundGames[0], paddingAroundGames[1], paddingAroundGames[2], paddingAroundGames[3]));
//Draws one frame around the flowPane
flowPaneGames.setStyle("-fx-border-color: black");
//Aligns the panes to the center
flowPaneGames.setAlignment(Pos.BASELINE_CENTER);
//Adds listeners to the width and height of the flowPane holding the games -> Adjusts shown Panes on size change
flowPaneGames.widthProperty().addListener(e -> flowPaneGamesSizeChanged());
flowPaneGames.heightProperty().addListener(e -> flowPaneGamesSizeChanged());
}
private void flowPaneGamesSizeChanged(){
//TODO: Sometimes some panes are bigger than the flowPane
//Available space for games x and y
int totalSpaceX = (int) (flowPaneGames.getWidth() - paddingAroundGames[1] - paddingAroundGames[3] + gapBetweenGames[0]);
int totalSpaceY = (int) (flowPaneGames.getHeight() - paddingAroundGames[0] - paddingAroundGames[2] + gapBetweenGames[1]);
int totatlSizeOfOneGameX = sizeOfOneGame + gapBetweenGames[0];
int totatlSizeOfOneGameY = sizeOfOneGame + gapBetweenGames[1];
int totalSpaceForGamesX = (int) (((double) totalSpaceX) / ((double) totatlSizeOfOneGameX));
int totalSpaceForGamesY = (int) (((double) totalSpaceY) / ((double) totatlSizeOfOneGameY));
//Total amount of games
int totalSpaceForGames = totalSpaceForGamesX * totalSpaceForGamesY;
System.out.println("Width: " + flowPaneGames.getWidth());
System.out.println("Height: " + flowPaneGames.getHeight());
//We have more games shown that there should be we remove the last ones
while (flowPaneGames.getChildren().size() > totalSpaceForGames) {
//We remove the last game
flowPaneGames.getChildren().remove(flowPaneGames.getChildren().size() - 1);
}
//While we have less games shown that there should be we add new ones
while (flowPaneGames.getChildren().size() < totalSpaceForGames) {
flowPaneGames.getChildren().add(generateNewPane());
}
}
private Pane generateNewPane(){
//Generates a new pane and returns it
Pane pane = new Pane();
pane.setPrefSize(sizeOfOneGame, sizeOfOneGame);
pane.setStyle("-fx-border-color: black");
return pane;
}
}
如果有人能帮助我解决这个问题,我会非常高兴,因为(即使它只在少数情况下发生)它确实困扰着我。
旁注:我已经在这里问过这个问题,但我在这个问题上几乎没有付出努力,几乎没有得到任何答案,这次我试图做得更好。 Ppl 还提示我没有真正遵循 java 的命名约定,我尝试倾听并希望代码现在更容易阅读。
最佳答案
问题的原因是没有考虑到容器的边框宽度。要考虑容器的边框宽度,totalSpaceX
和totalSpaceY
必须按如下方式确定:
int totalSpaceX = (int) (flowPaneGames.getWidth() - paddingAroundGames[1] - paddingAroundGames[3] + gapBetweenGames[0] - flowPaneGames.getBorder().getStrokes().get(0).getWidths().getLeft() - flowPaneGames.getBorder().getStrokes().get(0).getWidths().getRight());
int totalSpaceY = (int) (flowPaneGames.getHeight() - paddingAroundGames[0] - paddingAroundGames[2] + gapBetweenGames[1] - flowPaneGames.getBorder().getStrokes().get(0).getWidths().getTop() - flowPaneGames.getBorder().getStrokes().get(0).getWidths().getBottom());
左图显示容器高度和宽度为492
每个,都考虑到容器的边框宽度。容器的边框宽度为1
默认情况下。恰好 4 个子 Pane 适合宽度:492 = 2 x border width of container (= 1) + 2 * padding (= 30) + 3 * gap (= 10) + 4 * child pane width (= 100)
。这同样适用于高度。
如果宽度和/或高度减少 1
, 1
每个子 Pane 的宽度和/或高度都被省略。中图显示容器高度和宽度为 491
每个都考虑了容器的边框宽度。
如果不考虑容器的边框宽度,则假定的空间比实际可用的空间多,并且会创建过多的子 Pane 。右图显示容器高度和宽度为 491
每个没有考虑边框宽度(即它显示当前代码的作用)。
编辑:
根据@Slaw的建议,totalSpaceX
和totalSpaceY
可以使用 Region#snappedXXXInset()
更轻松地计算:
int totalSpaceX = (int) (flowPaneGames.getWidth() - flowPaneGames.snappedLeftInset() - flowPaneGames.snappedRightInset() + gapBetweenGames[0]);
int totalSpaceY = (int) (flowPaneGames.getHeight() - flowPaneGames.snappedTopInset() - flowPaneGames.snappedBottomInset() + gapBetweenGames[1]);
还有 snapToPixel
应该设置(这是默认值)。
关于Javafx 子项溢出 FlowPane,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57026230/
我正在尝试将 margin-left:20px 分配给表单内的所有 div,其类包含编辑,具有以下内容: form.edit > div { margin-left:20px; } 我的想法
我有这个 xpath: .//*[@id='some_id']/td//div 现在我想选择特定类型的 div 的任何子项,例如每个子项是标签或跨度。像这样的东西 .//*[@id='some_id'
我有一个包含包含用户信息的键列表的键,现在当我的表单加载时,我想将这些键作为数组获取。我该怎么做?我找到了获取计数的方法,但仍然不知道如何获取这些 key 。 最佳答案 您可以使用 Microsoft
关闭。这个问题需要更多 focused 。它目前不接受答案。 想要改进这个问题?更新问题,使其只关注 editing this post 的一个问题。 关闭 6 年前。 Improve this q
我正在通过一些在线教程来学习 AEM。根据教程,创建组件时,需要在 Allowed Parents 或 Allowed Children 中输入一些值。但是,我在窗口中看不到这样的选项。当我尝试创建组
我需要将 MDI 子窗体的创建集中到 Delphi (VCL) 中的一个独特过程中。这个想法是每次创建 MDI 子窗体时执行一些操作,无论其类型如何,即将其标题名称添加到列表中以访问该 MDI 子窗体
我试图在 TreeView 中获取所选节点的所有子节点,但遇到了一些问题。 以这个 TreeView 为例: 我想将所有子节点变为黄色突出显示的“文件夹”节点,这将是旁边有一条蓝线的子节点。 这是我尝
我在最小化我所有的 MDIChildren 时遇到了麻烦,遇到了 MDIChild to minimize not activated properly 我最小化所有 child 的代码是: proc
我使用下面的代码通过单击系统关闭按钮来关闭 MDI 子窗体,它工作正常: procedure Tfrm_main.FormClose(Sender: TObject; var Action: TC
仅当我指定对象的完整路径时,我才能通过指定特定子键来查找 Firebase 对象。这是为什么? 这有效 ref.child(`users/${user.uid}/watchlist/${key}`)
每当我单击工具栏菜单时,它每次都会显示新表单。我想阻止它一次又一次地显示相同的表单。在给出的代码中,form2 一次又一次地显示。我想停止它,以便它显示一次。 喜欢: private void new
我想知道是否有一种方法可以通过遍历父节点的 vector 来获取子节点中的数据。我有一个我计划经常更改的 XML 文件,因此我想避免对属性名称进行硬编码。因此,我想在我的子节点中提取数据而不使用 pt
假设我有以下 YAML 文件: - key1: value # and so on... key99: value key100: subkey1: value # an
我不是代码天才,而是行动脚本爱好者。 你能帮我吗? 我有一个函数,根据选择的对象,该函数将事件监听器调用已经在舞台上的一组“子项目”(我想在单击时重新使用具有更改参数的子项目,而不是创建多个实例和代码
我需要一些帮助来查询分层数据。这是一个简单的表,其中 parent_id 引用 id 并且对于根条目可能为 null。 create table edition ( id
我尝试获得一个简单的 GEF 编辑器。我有一个 GraphicalEditorWithPalette 来创建我的示例模型。我有一个覆盖 createFigure 和 getModelChildren
我正在尝试搜索其中包含子项(文本区域)的表格单元格。我努力了td.children.value,td.childNodes.value,td.firstChild.value,td.lastChild
我有一个 mdi 父 form 并且我在运行时通过以下代码将我的其他 form 作为 mdi 子窗体打开: private void MenuItem_Click(object sender, Eve
我在 Activity 中加载了一个 GridView,其中存在 fragment 。 GridView 本身并不位于 Fragment 中。我通过 BaseAdapter 创建了一个客户适配器,一切
我在导航 Controller 中有两个 child (根 child 和第二个 child )。我通常先去找根 child ,然后再去找第二个 child 。这允许我使用导航 Controller
我是一名优秀的程序员,十分优秀!