java - Eclipse 中的 setfullscreen(boolean) 用于在场景构建器中设计的 UI
问题描述
我正在开发一个迷你项目来创建一个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:
#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
在标题下方使用 a 来水平布局按钮。无需手动设置坐标或大小;让 JavaFX 为您完成工作!
结果:
场景生成器层次结构:
推荐阅读
- python - 返回 False 三次而不是一次
- php - 60 秒后上传文件时出现错误请求 400
- c# - Visual Studio 2019 C# 突出显示不起作用?
- reactjs - 在尝试将图像从 res.data.photo 传递给 useContext 时,我收到无法读取未定义的属性“数据”
- c++ - 在单个容器中管理扩展对象
- php - 目录访问被禁止。Laravel 在 php artisan serve 上显示此消息
- audio - p5 找不到变量 masterVolume
- python - Python 中的决策区域
- pandas - 通过浮动列表标量实现 Pandas 多列
- c - Raylib 未定义对树莓派上的函数的引用