Question

我正在尝试在TextField上显示一个按钮，看起来像javafx中的Windows 8 Metro主题。

如果TextField为空，则按钮不可见，否则按钮显示。

在这个阶段，我几乎没有成功。我使用这段代码来制作它。

@FXML
private TextField tfMyName;//fx:id="tfMyName"
@FXML
private Button btnClear;//fx:id="btnClear"

@Override
public void initialize(URL url, ResourceBundle rb) {

    clearTextFieldByButton(tfMyName, btnClear);
}

public void clearTextFieldByButton(TextField value, Button btn){

    btn.setVisible(false);

    value.setOnKeyTyped(new EventHandler<KeyEvent>(){
        @Override
        public void handle(KeyEvent event) {
            if ((value.textProperty().get().length() < 0) || (value.textProperty().get().equals(""))) {
                btn.setVisible(false);
            } else if (value.textProperty().get().length() > -1 || (!value.textProperty().get().equals(""))) {
                btn.setVisible(true);
            }
        }
    });

    btn.setOnAction(new EventHandler<ActionEvent>() {
        @Override
        public void handle(ActionEvent event) {
            tfMyName.clear();
            btn.setVisible(false);
            tfMyName.requestFocus();
        }
    });

默认情况下使用此代码按钮是不可见的，但只有当我键入多个字符时，该按钮才可见。但我需要输入TextField到Button的任何内容。

但当我删除KeyEvent下的条件替换为

value.setOnKeyTyped(new EventHandler<KeyEvent>(){
    @Override
    public void handle(KeyEvent event) {
            btn.setVisible(true);
    }
});

然后btn显示是否有任何字符输入到TextField

Answer 1

将侦听器添加到TextField的textProperty()。检查值是否为空，隐藏按钮显示它。只要在文本字段中添加或删除字符，就会调用它。

这是一个MCVE，你可以将监听器添加到控制器的初始化方法中。

import javafx.application.Application;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.TextField;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class HideButtonOnTextEntered extends Application {

    @Override
    public void start(Stage stage) {
        TextField textField = new TextField();
        Button button = new Button("Button");
        button.setVisible(false);
        VBox root = new VBox(20, textField, button);
        root.setAlignment(Pos.CENTER);
        Scene scene = new Scene(root, 200, 200);
        stage.setScene(scene);
        stage.show();
        textField.textProperty().addListener((ov, oldValue, newValue) -> {
            if (newValue.isEmpty()) {
                button.setVisible(false);
            } else {
                button.setVisible(true);
            }
        });
    }
    public static void main(String[] args) {
        launch(args);
    }
}

Answer 2

您可能也更喜欢使用JavaFX绑定机制：

@Override
public void start( final Stage primaryStage )
{
    TextField textfield = new TextField();
    Button button = new Button( "my button" );
    button.visibleProperty().bind( textfield.textProperty().isEmpty().not() );

    final Scene scene = new Scene( new HBox( button, textfield ), 800, 600 );
    primaryStage.setScene( scene );
    primaryStage.show();
}

代码中的实际问题：
在＆＃34; OnKeyTyped＆＃34;时，您已将侦听器附加到字段，在此阶段，新键入的文本未附加到文本字段的文本值，因此您的if-else条件将不会看到它。相反，正确的方法应该是将听众附加在＆＃34; OnKeyReleased＆＃34;。

TextField类型为javafx中的Show Button

2 个答案: