FXML - 按钮单击时文本字段向右移动 [英] FXML - Text Field Moves To The Right Upon Button Click

问题描述

我正在尝试制作一个关于管理餐厅预订的程序，但是我有一个持久的故障，到目前为止我还没能解决。

I am trying to make a program about managing reservations in a restaurant, but I have an enduring glitch that I have not been able to fix so far.

看在这些代码中：

Customer.fxml

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

<?import javafx.geometry.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.text.*?>

<GridPane xmlns:fx="http://javafx.com/fxml" alignment="center" hgap="10" vgap="10" prefWidth="300" prefHeight="300">
    <padding>
        <Insets top="25" right="25" bottom="10" left="25"/>
    </padding>

    <Label GridPane.rowIndex="0" GridPane.columnIndex="0" text="Name"/>
    <Label GridPane.rowIndex="1" GridPane.columnIndex="0" text="ID"/>
    <Label GridPane.rowIndex="2" GridPane.columnIndex="0" text="Phone Number"/>
    <Label GridPane.rowIndex="3" GridPane.columnIndex="0" text="Bringing..."/>

    <TextField GridPane.rowIndex="0" GridPane.columnIndex="1" fx:id="name"/>
    <TextField GridPane.rowIndex="1" GridPane.columnIndex="1" fx:id="id"/>
    <TextField GridPane.rowIndex="2" GridPane.columnIndex="1" fx:id="phonenumber"/>
    <TextField GridPane.rowIndex="3" GridPane.columnIndex="1" fx:id="bringing"/>

    <Button GridPane.rowIndex="4" GridPane.columnIndex="0" text="Assign Table" fx:id="notedetails"/>
    <HBox GridPane.rowIndex="4" GridPane.columnIndex="1" alignment="BASELINE_RIGHT">
        <Button text="Back" fx:id="back"/>
    </HBox>
    <Text GridPane.rowIndex="5" GridPane.columnIndex="0" fx:id="noted"/>
</GridPane>

CustomerController.java

@FXMLController(value = "/fxml/customer.fxml", title = "Customer Details")
public class CustomerController {
    @FXML
    private TextField name;

    @FXML
    private TextField id;

    @FXML
    private TextField phonenumber;

    @FXML
    private TextField bringing;

    @FXML
    @ActionTrigger("notedetails")
    private Button notedetails;

    @FXML
    @BackAction
    private Button back;

    @FXML
    private Text noted;

    @Inject
    private Restaurant restaurant;

    @ActionMethod("notedetails")
    public void notedetails() {
        noted.setText("Your details have been noted!");
        String customerName = name.getText();
        String customerID = id.getText();
        String customerPhoneNumber = phonenumber.getText();
        int customerBringing = Integer.parseInt(bringing.getText());
        Customer customer = new Customer(customerName, customerID, customerPhoneNumber, customerBringing);
        restaurant.addCustomer(customer);
    }
}

当我运行Main课程时，我去了客户窗口，并在填写详细信息后，文本字段向右移动！我检查了我的代码，只是仔细检查，我告诉我的老师这个问题，但他找不到代码的任何问题。

When I run the Main class, I went to the customers window, and after filling in the details, the text fields moved to the right! I checked my code, and just to double-check, I told my teacher about the problem, but he could not find anything wrong with the code.

我很惊讶这里没有其他人问过这个问题，所以这可能是我做过的事情。如果我错过了我的代码中的某些内容，请帮我查一下，或者找到解决问题的方法。

I am surprised that no one else here asked about this problem, so it might be something I have done. Please help me find if I missed something in my code, or else find a way to fix it.

推荐答案

我想下面的部分代码的干扰在这里已经定义了后退按钮的对齐。 ： -

I think below part of the code is interfering here where the alignment of the back button has been defined. :-

HBox GridPane.rowIndex="4" GridPane.columnIndex="1" alignment="BASELINE_RIGHT">
        <Button text="Back" fx:id="back"

编译器可能也会为文本字段分配相同的对齐方式。

The compiler might be assigning the same alignment to the text fields also.

建议，将对齐分配给标签的每一行。下面只是一个例子： -

Suggestion , assign the alignment to each row of the label. Below is just an example :-

<TextField alignment="BASELINE_RIGHT" GridPane.rowIndex="0" GridPane.columnIndex="1" fx:id="name"/>
<TextField alignment="BASELINE_RIGHT" GridPane.rowIndex="1" GridPane.columnIndex="1" fx:id="id"/>
<TextField alignment="BASELINE_RIGHT"GridPane.rowIndex="2" GridPane.columnIndex="1" fx:id="phonenumber"/>
<TextField alignment="BASELINE_RIGHT"GridPane.rowIndex="3" GridPane.columnIndex="1"fx:id="bringing"/>

这篇关于FXML - 按钮单击时文本字段向右移动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！