java - JavaFX CSSエフェクトヘルプ（スクリーンショット）

Question

css（-fx -...：...）を使用して、この種の効果をjavaFX2のテキストフィールドに適用する方法がわかりません。

スクリーンショットのようなものが必要です。その背景のパネルがあり、テキストフィールドで少し暗くする必要があります（内側の影のように見えます）。

パネルで不透明度を小さくし、テキスト入力で不透明度を高くしてみましたが、正しく機能していません。

ありがとう。

Answer 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