2012-04-08 15 views
0

この種のエフェクトをjavaFX 2のテキストフィールドにどのように適用できるかわかりませんが、css(-fx -...:...);を使用しています。JavaFX CSSエフェクトヘルプ(スクリーンショット)

enter image description here

私は、スクリーンショットのようなものが必要。私はその背景のパネルを持っており、テキストフィールドが少し暗くなる必要があります(内側の影のように見えます)。

パネル上の不透明度が低く、テキスト入力の不透明度が高いですが、正しく動作しませんでした。

ありがとうございました。

答えて

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

関連する問題