Javafx TextField 模糊

Question

谁能告诉我为什么有时 JavaFX 会显示带有模糊效果的 TextField 的内容？它似乎是随机的，出现在我的任何TextFields 中。请看附图。

Answer 1

专注于提到的间歇性渲染工件here，2 字形看起来像是被渲染了两次，其中一个副本相对于另一个副本水平移动。众所周知，这种明显的随机异常很难识别。各种原因可能包括incorrect synchronization、improper layout、宿主平台的rendering pipeline 中的缺陷等。作为参考，下面的示例可能允许您在不同平台上进行测试。

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.control.TextField;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

/**
 * @see https://stackoverflow.com/a/53989899/230513
 */
public class TextFieldTest extends Application {

    @Override
    public void start(Stage primaryStage) {
        primaryStage.setTitle("TextFieldTest");
        BorderPane root = new BorderPane();
        root.setCenter(createContent());
        root.setBottom(createVersion());
        Scene scene = new Scene(root);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    private Node createContent() {
        HBox row1 = new HBox(4);
        Label channelsLabel = new Label("Channels:");
        TextField channelsText = new TextField("2");
        channelsText.setPrefWidth(32);
        Label separatorLabel = new Label("Separator:");
        TextField separatorText = new TextField("!");
        separatorText.setPrefWidth(32);
        row1.setPadding(new Insets(8));
        row1.getChildren().addAll(
            channelsLabel, channelsText, separatorLabel, separatorText);
        HBox row2 = new HBox(4, new Label("Label:"), new TextField());
        row2.setPadding(new Insets(8));
        return new VBox(row1, row2);
    }

    private Label createVersion() {
        Label label = new Label(
            System.getProperty("os.name") + " v"
            + System.getProperty("os.version") + "; Java v"
            + System.getProperty("java.version"));
        label.setPadding(new Insets(8));
        return label;
    }

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

如Modena示例所示，故意模糊效果表示文本字段为focused：

在您的image 中产生模糊效果的细节是复合边框，如下图 2x 所示：

在此处可以看到按钮（顶行）和默认按钮（底行）的类似效果：