限制 TextField 的文本区域（边距/填充）

Question

我在 JavaFX 中使用了一些 TextField，我想限制它们显示文本的区域。我已经限制了它们的最大字符数，但在某些情况下，输入的最大字符数大于文本字段的宽度。如您所见，文本与我添加的自定义擦除文本按钮重叠。

我想知道我是否可以将文本的右边距向左移动一点（不改变 TextField 的属性 - 大小、坐标），这样按钮和文本就不会再重叠了。

我已经尝试过边距、填充，但它们没有达到我的要求。

如何限制我的 TextField 的最大长度（来自 stackoverflow）：

public class LimitedJFXTextField extends JFXTextField {

    private final IntegerProperty maxLength;

    public LimitedJFXTextField() {
        super();
        this.maxLength = new SimpleIntegerProperty(-1);
    }

    public IntegerProperty maxLengthProperty() {
        return this.maxLength;
    }

    public final Integer getMaxLength() {
        return this.maxLength.getValue();
    }

    public final void setMaxLength(Integer maxLength) {
        Objects.requireNonNull(maxLength,
                "Max length cannot be null, -1 for no limit");
        this.maxLength.setValue(maxLength);
    }

    @Override
    public void replaceText(int start, int end, String insertedText) {
        if (this.getMaxLength() <= 0) {
            // Default behavior, in case of no max length
            super.replaceText(start, end, insertedText);
        } else {
            // Get the text in the textfield, before the user enters something
            String currentText = this.getText() == null ? "" : this.getText();

            // Compute the text that should normally be in the textfield now
            String finalText = currentText
                    .substring(0, start) + insertedText + currentText
                    .substring(end);

            // If the max length is not excedeed
            int numberOfexceedingCharacters = finalText.length() - this
                    .getMaxLength();
            if (numberOfexceedingCharacters <= 0) {
                // Normal behavior
                super.replaceText(start, end, insertedText);
            } else {
                // Otherwise, cut the the text that was going to be inserted
                String cutInsertedText = insertedText.substring(
                        0,
                        insertedText.length() - numberOfexceedingCharacters
                );

                // And replace this text
                super.replaceText(start, end, cutInsertedText);
            }
        }
    }
}

Answer 1

这是使用ControlsFX 的解决方案。

import java.io.IOException;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.layout.StackPane;
import javafx.scene.paint.Color;
import javafx.stage.Stage;
import org.controlsfx.control.textfield.CustomTextField;

/**
 * JavaFX App
 */
public class App extends Application
{

    private static Scene scene;

    @Override
    public void start(Stage stage) throws IOException
    {
        CustomTextField customTextField = new CustomTextField();
        customTextField.setText("Hello World!");

        Label labelX = new Label("x");
        labelX.setTextFill(Color.RED);
        customTextField.setRight(labelX);
        customTextField.setMaxWidth(200);

        scene = new Scene(new StackPane(customTextField), 500, 500);//loadFXML("primary"), 640, 480);
        stage.setScene(scene);
        stage.show();
    }
}

Answer 2

我从来没有用过JFXTextField，所以请对这个答案持保留态度。

但是，由于JFXTextField extends TextField，您应该能够更改 TextField 的属性。其中之一称为padding：

所以只使用“普通”的 TextField，你可以使用这个：

public class ExampleApp extends Application {

    public static void main(String[] args) {
        Application.launch(args);
    }

    @Override
    public void start(Stage stage) {
        var textField = new TextField();
        textField.setPadding(new Insets(0, 50, 0, 0)); // This adds 50px right padding
        textField.setText("Hello World!");

        var label = new Label("x");

        var pane = new StackPane(textField, label);
        StackPane.setAlignment(label, Pos.CENTER_RIGHT);

        var scene = new Scene(pane, 500, 500);
        stage.setScene(scene);
        stage.show();
    }
}

或者，如果您更喜欢 FXML，请使用：

<TextField>
    <padding>
        <Insets right="50"/>
    </padding>
</TextField>

StackPane 和 Label 只是为了演示一些重叠项目，与 Sedricks 的答案相同。实际上限制文本字段内部文本的重要部分是填充。