2017-10-17 2 views
-1

Ich habe ein Problem mit Schaltflächen Größe. Wenn ich die Größe meines Fensters vergrößere, Die Tasten überlappen sich. Ich habe viele Tnigs ausprobiert, um das zu vermeiden, z. B. um jeden Knopf in eine Verankerung einzuwickeln, ohne Erfolg.Überlappung der Schaltfläche, wenn die Größe des Fensters zunimmt - javafx - fxml

Hier ist der fxml Code für die Schaltfläche verwendet "devis" zum Beispiel:

<AnchorPane layoutX="5.0" layoutY="71.0" maxHeight="61.25" prefHeight="58.0" prefWidth="206.0" AnchorPane.bottomAnchor="116.0" AnchorPane.leftAnchor="5.0" AnchorPane.rightAnchor="5.0" AnchorPane.topAnchor="71.0"> 
    <children> 
     <Button fx:id="devis" maxHeight="65.0" mnemonicParsing="false" onAction="#selectViewDevis" prefHeight="65.0" prefWidth="206.0" text="Devis" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0"> 
     <font> 
      <Font size="14.0" /> 
     </font> 
     </Button> 
    </children> 
</AnchorPane> 

Die 2 Bilder von meinem Fenster vor und nach

Before increasing

After increasing

Erhöhung Danke für Ihre Hilfe,

Aaron

+1

Ihr Code enthält nur eine Schaltfläche. Was willst du auch eigentlich machen, wenn der Benutzer die Fenstergröße erhöht? –

+0

Mein Code hat viel mehr Button. Ich wollte es kurz machen. – AaronLbk

+0

Ich versuche nicht, schwierig zu sein, aber wie denken Sie möglicherweise, dass Sie Code bereitstellen können, der die überlappenden Schaltflächen anzeigt, wenn Sie nur Code mit einer Schaltfläche bereitstellen? Wie kann Ihnen irgendjemand sagen, was Sie falsch machen? Erstellen Sie [MCVE]: Sie sollten dies mit (wahrscheinlich) zwei Schaltflächen tun und ein vollständiges, ausführbares Beispiel bereitstellen, das das Problem reproduziert (aber natürlich nicht Ihr gesamtes Projekt). Erkläre, was es macht und wie du es eigentlich willst. Stellen Sie sicher, dass Sie zuerst die grundlegenden Tutorials und das Layout gelesen haben. –

Antwort

0

Versuchen Sie mit einem 'VBox'.

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

<?import javafx.scene.control.Button?> 
<?import javafx.scene.control.SplitPane?> 
<?import javafx.scene.image.ImageView?> 
<?import javafx.scene.layout.AnchorPane?> 
<?import javafx.scene.layout.StackPane?> 
<?import javafx.scene.layout.VBox?> 


<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8.0.60" xmlns:fx="http://javafx.com/fxml/1"> 
    <children> 
     <SplitPane dividerPositions="0.35451505016722407" layoutX="189.0" layoutY="167.0" prefHeight="160.0" prefWidth="200.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0"> 
     <items> 
      <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="100.0"> 
       <children> 
        <VBox layoutX="24.0" layoutY="14.0" minWidth="200.0" prefHeight="200.0" prefWidth="100.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0"> 
        <children> 
         <StackPane prefHeight="150.0" prefWidth="200.0"> 
          <children> 
           <ImageView fitHeight="150.0" fitWidth="200.0" pickOnBounds="true" preserveRatio="true" /> 
          </children> 
         </StackPane> 
         <Button maxWidth="1.7976931348623157E308" mnemonicParsing="false" text="Button" /> 
         <Button maxWidth="1.7976931348623157E308" mnemonicParsing="false" text="Button" /> 
         <Button maxWidth="1.7976931348623157E308" mnemonicParsing="false" text="Button" /> 
        </children> 
        </VBox> 
       </children> 
      </AnchorPane> 
      <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="100.0" /> 
     </items> 
     </SplitPane> 
    </children> 
</AnchorPane> 
Verwandte Themen