Java 在eclipse中为在场景生成器中设计的UI设置全屏(布尔值)
我正在做一个小项目,创建一个beatbox应用程序,其中我使用JavaFX作为设计工具的UI和场景生成器。当我把组件放在那里时,我可以看到它不是全屏的,但当我将其与EclipseIDE链接时。我将舞台设置为设置全屏模式,但我将组件放置在最左侧,但我想将其自身对齐Java 在eclipse中为在场景生成器中设计的UI设置全屏(布尔值),java,javafx,fxml,scenebuilder,fxmlloader,Java,Javafx,Fxml,Scenebuilder,Fxmlloader,我正在做一个小项目,创建一个beatbox应用程序,其中我使用JavaFX作为设计工具的UI和场景生成器。当我把组件放在那里时,我可以看到它不是全屏的,但当我将其与EclipseIDE链接时。我将舞台设置为设置全屏模式,但我将组件放置在最左侧,但我想将其自身对齐 primaryStage.setMaximized(true); primaryStage.setMaximized(true); 它必须自动对齐,但不能像是在最左边 <?xml version="1.0" encoding=
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:
#ae2121;" text="Sign Up" textFill="#fcfcfcf2">
<font>
<Font name="Webdings" size="20.0" />
</font>
</JFXButton>
<JFXButton fx:id="signin" layoutX="428.0" layoutY="312.0"
onAction="#signinform" prefHeight="17.0" prefWidth="115.0" style="-
fx-background-color: #ae2121;" text="Sign In" textFill="WHITE">
<font>
<Font size="20.0" />
</font>
</JFXButton>
</children>
</AnchorPane>
</children>
</VBox>
~实际上,你有几个问题。首先,你的根
VBox
有一个AnchorPane
作为它的子元素,这个子元素依次保存各个节点
这会迫使您手动设置这些节点的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>
请注意,我在标题下方使用了一个
HBox
,以水平布局按钮。无需手动设置坐标或尺寸;让JavaFX为您完成这项工作
结果:
场景生成器继承权:
这完全取决于您使用的布局窗格(即:
VBox
,HBox
,等等)。如果您想帮助解决这个问题,请发布您的FXML。当它是全屏的时候,你想要什么样的布局?我用的是vbox,可以吗?或者我可以试试其他的布局窗格吗@ZephyrI建议多看一些JavaFX布局教程。实际上,所有节点都位于VBox
中的AnchorPane
中。一个AnchorPane
应该有另一个布局窗格作为它的子窗格。也许你可以试着移除锚链
,直接将节点放在VBox
中。现在我能理解一点了。你会提供场景生成器的层次结构屏幕截图吗?完成。我强烈建议阅读Oracle的教程。这对于让你的界面恰到好处真的非常有帮助。@mystica为什么你不接受这个答案?(见附件)