Javafx Accordion имеет белую рамку при открытии титульной панели - PullRequest
Новая
       28

Javafx Accordion имеет белую рамку при открытии титульной панели

0 голосов
/ 29 апреля 2020

Я создаю приложение с javafx, стилизованным под css и разработанным с использованием f xml и компоновщика сцен. У меня есть аккордеон в моей BorderPane, но когда я открываю титульную панель в аккордеоне, появляется белая рамка. Как это исправить, используя css.

f xml код: 

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

<?import javafx.scene.control.Accordion?>
<?import javafx.scene.control.Menu?>
<?import javafx.scene.control.MenuBar?>
<?import javafx.scene.control.MenuItem?>
<?import javafx.scene.control.TitledPane?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.layout.BorderPane?>


<BorderPane fx:id="serverView" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" stylesheets="@style.css" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1">
   <top>
      <MenuBar BorderPane.alignment="CENTER">
        <menus>
          <Menu mnemonicParsing="false" text="File">
            <items>
              <MenuItem mnemonicParsing="false" text="Close" />
            </items>
          </Menu>
          <Menu mnemonicParsing="false" text="Edit">
            <items>
              <MenuItem mnemonicParsing="false" text="Delete" />
            </items>
          </Menu>
          <Menu mnemonicParsing="false" text="Help">
            <items>
              <MenuItem mnemonicParsing="false" text="About" />
            </items>
          </Menu>
        </menus>
      </MenuBar>
   </top>
   <right>
      <Accordion BorderPane.alignment="CENTER">
        <panes>
          <TitledPane expanded="false" text="untitled 1">
            <content>
              <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="180.0" prefWidth="200.0" />
            </content>
          </TitledPane>
          <TitledPane text="untitled 2">
            <content>
              <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="180.0" prefWidth="200.0" />
            </content>
          </TitledPane>
          <TitledPane expanded="false" text="untitled 3">
            <content>
              <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="297.0" prefWidth="184.0" />
            </content>
          </TitledPane>
        </panes>
      </Accordion>
   </right>
</BorderPane>

css стиль: 

* {
    -fx-background-color: rgb(70, 70, 70);
}

.label,
.text {
    -fx-text-fill: rgb(215, 215, 215);
}

.menu-bar .menu:hover,
.menu-bar .menu:hover * {
    -fx-background-color: rgb(30, 30, 30);
}

.titled-pane {
    -fx-text-fill: rgb(215, 215, 215);
}

.titled-pane .title .arrow-button .arrow {
    -fx-background-color: rgb(215, 215, 215);
}

.titled-pane .title:hover .arrow-button .arrow {
    -fx-background-color: rgb(150, 150, 150);
}

.titled-pane .title:hover {
    -fx-text-fill: rgb(100, 100, 100);
}

изображение сцены, когда все аккордеоны закрыто: scene closed accordion

изображение сцены при открытии титульной панели:

scene opened accordion

Я проверил все css свойства для титульной панели и аккордеона со встроенным css анализатором в SceneBuilder, но ни одно из них, похоже, ничего не меняет в этой белой рамке.

...