2017-11-27 3 views
0

Ich habe eine normale klassische Schaltfläche in meiner Anwendung, die mit JavaFX Scene Builder 2.0 erstellt wurde. Ich wollte etwas Art addieren, damit ich die Szene und die CSS-Datei verknüpft, die wie folgt aussieht:JavaFX - CSS 1px Überlaufknopf

.button { 
    -fx-background-color: rgba(255,255,255,0.9); 
    -fx-border-style: solid; 
    -fx-border-color: grey; 
    -fx-border-width: 1px; 
    -fx-max-height: 40px; 
} 

In der fxml Datei, die Taste, um eine 46px pref-Breite hat, und hier ist das Ergebnis: enter image description here

Wir können eine Art 1px Überlauf auf der Unterseite sehen und ich weiß nicht, wie man es verschwinden lässt. Hier ist die FXML Datei:

<HBox fx:id="footerLayout" alignment="CENTER_LEFT" layoutX="14.0" layoutY="489.0" prefHeight="100.0" prefWidth="1102.0"> 
    <children> 
     <Button fx:id="addDetenuButton" mnemonicParsing="false" prefHeight="46.0" prefWidth="215.0" text="Ajouter un détenu" /> 
     <Separator prefWidth="10.0" visible="false" /> 
     <Button fx:id="editDetenuButton" mnemonicParsing="false" prefHeight="46.0" prefWidth="215.0" text="Modifier le détenu" /> 
     <Separator prefWidth="565.0" visible="false" /> 
     <Button fx:id="closeButton" mnemonicParsing="false" prefHeight="46.0" prefWidth="105.0" text="Quitter" /> 
    </children> 
    </HBox> 

+0

Es wird uns sehr helfen, wenn Sie die FXML-Datei mit der Initialisierung der Schaltfläche versehen. – JKostikiadis

+0

Meine schlechte, Frage bearbeitet – NicoTine

+0

Ich kann Ihr visuelles Problem nicht reproduzieren. Nur eine Vermutung. Es ist ein Problem von SceneBuilder 2.0. Sie sollten (meiner Meinung nach) die neueste Gluon SceneBuilder-Version verwenden, die Sie hier finden: http://gluonhq.com/products/scene-builder/ Nur um die Java-Version kümmern, denn es gibt zwei Builds (für Java 8 und Java 9). Und wenn das Problem weiterhin auftritt, lass es mich wissen. – JKostikiadis

Antwort

0

ich herausgefunden, warum ... Ich fügte hinzu:

-fx-background-insets: 0; 

zu

.button { 
    -fx-background-color: rgba(255,255,255,0.9); 
    -fx-border-style: solid; 
    -fx-border-color: grey; 
    -fx-border-width: 1px; 
    -fx-max-height: 40px; 
} 

und es hat geklappt, der "weiße Schatten" ist weg!