我意识到这是一个非常基本的问题,但我只是开始专门学习GUI和JavaFX。我有一个标签列表及其相应的文本输入字段和一个计算结果的按钮。我想将它们全部对齐:
标签..........文本字段
标签..........文本字段
标签..........文本字段
标签..........文本字段
.........按钮..........
在窗格本身上居中对齐。我已尝试将对齐设置为居中,但它仅适用于水平轴。我尝试过使用VBox以及HBox,但它们提供相同的输出。我甚至尝试过使用不同值的setPadding(0,0,0,0)但我没有得到我想要的结果。我发现了类似的问题(没有回答我的问题),甚至到过https://docs.oracle.com/javase/8/javafx/api/javafx/scene/layout/FlowPane.html 但无济于事。我意识到计算按钮只会添加值,但我还没有达到那么远,我想我知道该怎么做才能让它做我想做的事,只是在GUI布局上遇到麻烦。任何帮助,将不胜感激。下面是我玩了几个小时后到目前为止的代码:
package javafxfincalc;
import javafx.application.Application;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.control.TextField;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.FlowPane;
import javafx.scene.layout.HBox; // may not need
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
import javafx.geometry.Insets;
import javafx.geometry.Orientation;
// a lot of classes must be imported from Java FX to make this all work correctly
public class JavaFXFinCalc extends Application {
// all applications will be a child class of Application when made with Java FX
public static void main(String[] args) {
Application.launch(args);
// this allows the program to start
}@Override
public void start(Stage primaryStage) throws Exception {
// this will use a standard exception handler
FlowPane pane = new FlowPane(Orientation.VERTICAL);
pane.setHgap(5);
pane.setAlignment(Pos.CENTER);
pane.setPadding(new Insets(0,0,0,0)); // set top, right, bottom, left
// this allows input fields to be placed in the window
TextField tf1 = new TextField("00.00");
TextField tf2 = new TextField("0");
TextField tf3 = new TextField("0.00%");
TextField my_result = new TextField("You cannot type here");
// these are the individual fields for input, you can set the default text
my_result.setEditable(false);
// keeps user from changing this text field
tf1.setPrefColumnCount(14);
tf2.setPrefColumnCount(14);
tf3.setPrefColumnCount(14);
my_result.setPrefColumnCount(14);
// this sets the number of spaces in the text fields
Label l1 = new Label("Money used in investment: ");
Label l2 = new Label("Years: ");
Label l3 = new Label("Annual Interest Rate: ");
Label l4 = new Label("Final Financial Worth: ");
// these labels are set and used before the text fields as show below
pane.getChildren().addAll(l1, tf1, l2, tf2, l3, tf3, l4, my_result);
// call on the labels and text fields to be placed into the window
VBox vBox = new VBox();
Button calc_button = new Button("Calculate it!");
// create a box to put the button in and name the button
vBox.setAlignment(Pos.CENTER);
vBox.getChildren().addAll(calc_button);
BorderPane borderPane = new BorderPane();
borderPane.setCenter(pane);
borderPane.setBottom(vBox);
BorderPane.setAlignment(vBox,Pos.CENTER);
Scene scene = new Scene(borderPane, 500, 500);
primaryStage.setTitle("Financial Calculator");
primaryStage.setScene(scene);
primaryStage.show();
calc_button.setOnAction(e -> {
my_result.setText(Double.parseDouble(tf1.getText()) +
Double.parseDouble(tf2.getText()) + "");
});
}}
答案 0 :(得分:2)
这是最终结果!再次感谢Sedrick! https://docs.oracle.com/javafx/2/get_started/form.htm
public void start(Stage primaryStage) throws Exception {
// this will use a standard exception handler
GridPane pane = new GridPane();
pane.setAlignment(Pos.CENTER);
pane.setHgap(5);
pane.setVgap(5);
pane.setPadding(new Insets(25,25,25,25)); // set top, right, bottom, left
// this allows input fields to be placed in the window
TextField tf1 = new TextField("00.00");
TextField tf2 = new TextField("0");
TextField tf3 = new TextField("0.00%");
TextField my_result = new TextField("You cannot type here");
// these are the individual fields for input, you can set the default text
my_result.setEditable(false);
// keeps user from changing this text field
tf1.setPrefColumnCount(14);
tf2.setPrefColumnCount(14);
tf3.setPrefColumnCount(14);
my_result.setPrefColumnCount(14);
// this sets the number of spaces in the text fields
Label l1 = new Label("Money used in investment: ");
Label l2 = new Label("Years: ");
Label l3 = new Label("Annual Interest Rate: ");
Label l4 = new Label("Final Financial Worth: ");
// these labels are set and used before the text fields as show below
pane.add(l1, 0, 1);
pane.add(tf1, 1, 1);
pane.add(l2, 0, 2);
pane.add(tf2, 1, 2);
pane.add(l3, 0, 3);
pane.add(tf3, 1, 3);
pane.add(l4, 0, 4);
pane.add(my_result, 1, 4);
// call on the labels and text fields to be placed into the window
// must be done individually so that location and order can be set by column/row
Button calc_button = new Button("Calculate it!");
pane.add(calc_button, 1, 5);
// make a button and put it in the Gridpane
BorderPane borderPane = new BorderPane();
borderPane.setCenter(pane);
Scene scene = new Scene(borderPane, 500, 500);
primaryStage.setTitle("Financial Calculator");
primaryStage.setScene(scene);
primaryStage.show();
calc_button.setOnAction(e -> {
my_result.setText("");
});
}