JavaFX按钮在第一次点击后收缩并失去装饰

Question

我突然出现了一个奇怪的行为。我简单地将Button作为HBox的子节点。当我第一次单击时，它会缩小其大小并失去自己的装饰，就好像它变成了一个普通的Label。这种行为发生在Button和继承它的人身上（如JfoPhoenix的JFXButton也会受到影响）。我将行为动画如下：

初始化时，工具栏下的按钮似乎也会出现此故障状态，如下所示：

我使用的FXML如下所示：

<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" styleClass="page" xmlns="http://javafx.com/javafx/8.0.141" xmlns:fx="http://javafx.com/fxml/1">
  <stylesheets>
     <URL value="@../stylesheets/base.css" />
     <URL value="@../stylesheets/jfoenix.table.css" />
     <URL value="@../stylesheets/main.tasks.css" />
  </stylesheets>
  <children>
     <VBox styleClass="section" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
        <children>
           <Pane styleClass="section-header">
              <children>
                 <Label text="Görevler" />
              </children>
           </Pane>
           <TableView prefHeight="200.0" prefWidth="200.0" styleClass="task-table">
              <columns>
                 <TableColumn prefWidth="75.0" text="C1" />
                 <TableColumn prefWidth="75.0" text="C2" />
              </columns>
           </TableView>
           <HBox prefHeight="100.0" prefWidth="200.0">
              <children>
                 <!-- This is the buggy button. -->
                 <Button mnemonicParsing="false" text="Button" />
              </children>
           </HBox>
        </children>
     </VBox>
  </children>

以下是影响此FXML文件的规则：

.section {
    -fx-min-width: 1000px;
    -fx-min-height: 200px;
    /*-fx-pref-width: 1000px;*/
    /*-fx-pref-height: 200px;*/

    -fx-background-color: #fff;
    -fx-effect: dropshadow(three-pass-box, #999, 10, 0.2, 0, 0);
    -fx-padding: 20px;
    -fx-spacing: 10px;
}

.section > .section-header {
    -fx-pref-height: 40px;
    -fx-max-height: 120px;
}

.section > .section-header > .label {
    -fx-font-size: 24px;
    -fx-text-fill: #666;
}

/** I've also used jfx-table-view.css of JFoenix library. **/
/** https://github.com/jfoenixadmin/JFoenix/wiki/Table-View **/

我不知道是什么影响了即使是普通的按钮。是什么导致此故障？

提前感谢。

• Java 1.8.0 162
• SceneBuilder 8.4.1
• Windows 10

org.kordamp.ikonli:ikonli-javafx:2.1.1
com.jfoenix:jfoenix:8.0.3
org.controlsfx:controlsfx:8.40.14

Answer 1

这种效果的发生是因为jfoenix.table.css中的这条规则

:focused {
    -fx-background-color: -fx-table-color, -fx-box-border, -fx-control-inner-background;
    -fx-background-insets: -1.4, 0, 1;
    -fx-background-radius: 1.4, 0, 0;
    /*....*/
    -fx-padding: 1; /* 0.083333em; */
}

它实际上是按预期工作的，因为当您单击控件时，它们会聚焦。两个按钮可以使效果更清晰：