如何摆脱SplitPane(JavaFX)中的边界?

时间:2018-07-26 15:55:37

标签: javafx split border fxml splitpane

我想在splitPane中删除边框,但我不知道该边框来自何处。

SplitPane Exemple

在图片中,我们可以看到红色的拆分窗格边框,蓝色的两个组件边框以及绿色的分隔符边框。但是在红色和蓝色边框之间,有一个小的白色部分,这是我要删除的部分。

这是为什么会打扰我的更精确的画面:

Focus on borders

红色边框仍然是splitPane边框,再次有这个白色部分,然后是我的splitPane的孩子之一。

FXML非常简单,因此我将其发布:

    <?xml version="1.0" encoding="UTF-8"?>

    <?import javafx.scene.control.SplitPane?>
    <?import javafx.scene.layout.AnchorPane?>
    <?import javafx.scene.layout.Pane?>

    <Pane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" stylesheets="@transparentDivider.css" xmlns="http://javafx.com/javafx/8.0.141" xmlns:fx="http://javafx.com/fxml/1">
   <children>
      <SplitPane dividerPositions="0.3083623693379791" layoutX="12.0" layoutY="6.0" prefHeight="390.0" prefWidth="578.0" style="-fx-border-color: red; -fx-box-border:: transparent;">
        <items>
          <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="100.0" style="-fx-border-color: blue;" />
          <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="100.0" style="-fx-border-color: blue;" />
        </items>
      </SplitPane>
   </children>
</Pane>

我用于测试的CSS:

.split-pane:horizontal > .split-pane-divider {
   -fx-background-color: transparent;
   -fx-border-color: green;
}

0 个答案:

没有答案