我正在開發一個小型項目，以創建一個 beatbox 應用程序，其中我使用 JavaFX 作為設計工具的 UI 和場景構建器。當我將組件放置在那里時，我可以看到它不是全屏的，而是當我將其與Eclipse IDE鏈接時。我將舞臺設置為設置全屏模式，但我將組件放置在最左側，但我想自行對齊。primaryStage.setMaximized(true);
primaryStage.setMaximized(true);它必須自動對齊，但不像是極左的。<?xml version="1.0" encoding="UTF-8"?><?import com.jfoenix.controls.JFXButton?><?import com.jfoenix.controls.JFXProgressBar?><?import javafx.scene.Cursor?><?import javafx.scene.control.Label?><?import javafx.scene.image.Image?><?import javafx.scene.image.ImageView?><?import javafx.scene.layout.AnchorPane?><?import javafx.scene.layout.VBox?><?import javafx.scene.text.Font?> <VBox prefHeight="400.0" prefWidth="640.0" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="box.firstcontroller"> <children> <AnchorPane maxHeight="-1.0" maxWidth="-1.0" prefHeight="-1.0" prefWidth="-1.0" style="-fx-background-color: #78909C;" VBox.vgrow="ALWAYS"> <children> <JFXProgressBar layoutX="203.0" layoutY="333.0" /> <ImageView fitHeight="186.0" fitWidth="164.0" layoutX="53.0" layoutY="94.0" pickOnBounds="true" preserveRatio="true"> <cursor> <Cursor fx:constant="S_RESIZE" /> </cursor> <image> <Image url="@../login.png" /> </image> </ImageView> <ImageView fitHeight="164.0" fitWidth="151.0" layoutX="410.0" layoutY="101.0" pickOnBounds="true" preserveRatio="true"> <image> <Image url="@../signup.png" /> </image> </ImageView> <Label layoutX="251.0" layoutY="36.0" text="BeatBox"> <font> <Font name="Tempus Sans ITC" size="41.0" /> </font> </Label> <JFXButton fx:id="signup" buttonType="RAISED" layoutX="68.0" layoutY="314.0" onAction="#signupform" prefHeight="44.0" prefWidth="115.0" ripplerFill="#752f2f" style="-fx-background-color:
1 回答
慕的地8271018
TA貢獻1796條經驗 獲得超4個贊
你實際上有幾個問題正在發生。首先，您的根有一個 as 的子元素，它又包含各個節點。VBoxAnchorPane
這會導致您被迫手動設置這些節點的 X/Y 坐標。這設計非常糟糕。
相反，您應該使用 JavaFX 提供的各種布局窗格來處理節點的布局。
下面是一個非?；镜氖纠?，它類似于您的布局，并且它是完全可擴展的：
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.ProgressBar?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.text.Font?>
<VBox alignment="TOP_CENTER" spacing="10.0" xmlns="http://javafx.com/javafx/9.0.1" xmlns:fx="http://javafx.com/fxml/1">
<padding>
<Insets bottom="10.0" left="10.0" right="10.0" top="10.0"/>
</padding>
<children>
<Label text="BeatBox">
<font>
<Font name="Tempus Sans ITC" size="48.0"/>
</font>
</Label>
<HBox alignment="CENTER" spacing="10.0" VBox.vgrow="ALWAYS">
<children>
<Button mnemonicParsing="false" text="Sign Up"/>
<ProgressBar prefWidth="200.0" progress="0.0"/>
<Button mnemonicParsing="false" text="Sign In"/>
</children>
</HBox>
</children>
</VBox>
請注意，我使用標題下方的 來水平布局按鈕。無需手動設置坐標或尺寸;讓爪哇FX為您完成工作！HBox
The Result:
Scene Builder Heirarchy:
添加回答
舉報
0/150
提交
取消