模糊多行标签的顶部和底部

Question

我有多行标签（例如100行），文本从下到上滚动，有点像电影字幕。我想模糊10%的顶部和底部部分的标签，以便文本是进入和离开是模糊的。我如何才能做到这一点？我试图在这些位置上粘贴一些元素并模糊它们，但这不起作用。

Answer 1

我没有看到模糊，但通常文本正在褪色。这是一个如何进行褪色的示例：创建一个具有从背景颜色开始的线性渐变的覆盖窗格-

public class Main extends Application {

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

    @Override
    public void start(Stage primaryStage) {

        TextArea textArea = new TextArea(
                "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. ");
        textArea.setWrapText(true);

        StackPane root = new StackPane();

        Pane overlay = new Pane();
        overlay.setMouseTransparent(true);

        Stop[] stops = new Stop[] { new Stop(0.0, Color.WHITE), new Stop(0.25, Color.TRANSPARENT), new Stop(0.75, Color.TRANSPARENT), new Stop(1.0, Color.WHITE) };
        LinearGradient linearGradient = new LinearGradient(0, 0, 0, 1, true, CycleMethod.NO_CYCLE, stops);
        overlay.setBackground(new Background(new BackgroundFill(linearGradient, null, null)));

        root.getChildren().addAll(textArea, overlay);

        Scene scene = new Scene(root, 300, 100);

        primaryStage.setScene(scene);
        primaryStage.show();
    }
}

如果坚持模糊，可以使用快照功能，创建文本快照，模糊图像并将其置于文本顶部。