JavaFX CSS 效果帮助（截图）答案

【问题标题】：JavaFX CSS effect help (screenshots)JavaFX CSS 效果帮助（截图）
【发布时间】：2012-04-08 11:09:18
【问题描述】：

我不知道如何使用 css (-fx-... :...) 将这种效果应用于 javaFX 2 中的文本字段；

我需要屏幕截图中的内容。我有一个具有该背景的面板，我需要将文本字段变暗一点（它看起来像一个内部阴影）。

我尝试在面板上使用较小的不透明度，在文本输入上使用较高的不透明度，但无法正常工作。

谢谢。

【问题讨论】：

标签： java css effects javafx-2

【解决方案1】：

运行这个示例应用程序：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.TextField;
import javafx.scene.layout.Pane;
import javafx.stage.Stage;

public class StyleDemo extends Application {

    @Override
    public void start(Stage primaryStage) {
        TextField txt = new TextField("text");
        txt.setLayoutY(150);
        txt.setPrefHeight(50);
        txt.setStyle("-fx-background-color: rgb(0,0,0,0.11); -fx-text-fill: white; -fx-font-size: 28; -fx-font-weight: bold");

        Pane root = new Pane();
        root.setStyle("-fx-background-image: url(\"http://i.stack.imgur.com/ThghN.png\"); -fx-background-repeat: stretch; -fx-background-size: 300 250;");
        root.getChildren().add(txt);
        primaryStage.setScene(new Scene(root, 300, 250));
        primaryStage.show();
    }

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

要为文本字段提供内部阴影效果，请查看此链接：
http://docs.oracle.com/javafx/2.0/api/javafx/scene/doc-files/cssref.html#typeeffect

【讨论】：