Saydam olmayan çocuklarla şeffaf bir bölme nasıl uygulanır?

Question

JavaFX 2'de saydam olmayan çocuklarla şeffaf bir paneli nasıl uygularım?

menü panel/pencere şeffaf olmakla metin öğeleri oldukça etkiye yol açar şeffaf değildir: i elde etmek istediğiniz etkisi Blender'da menülere uygulanan örnek içindir.

Answer 1

Bölmenizin arka planını bir alfa bileşenli bir renge ayarlayın. Bunun için bir stil sayfası veya satır içi stil kullanabilirsiniz.

sizin bölmesi camı seçildi Örneğin, ardından şu bunu bir yuvarlak, yarı saydam cam göbeği arka plan verecektir:

glass.setStyle("-fx-background-color: rgba(0, 100, 100, 0.5); -fx-background-radius: 10;"); 

Ayrıca karışımları, stackpanes veya öğeleri gruplarını kullanarak benzer etkilere başarabileceğinizi opacity Stackpane veya grubun arkasındaki öğeler için ayarlayın.

Burada css arka plan yöntemini kullanan yürütülebilir bir örnek var.

import javafx.application.Application; 
import javafx.geometry.Pos; 
import javafx.scene.Scene; 
import javafx.scene.control.*; 
import javafx.scene.image.*; 
import javafx.scene.layout.*; 
import javafx.stage.Stage; 

public class TranslucentPane extends Application { 
    @Override public void start(final Stage stage) throws Exception { 
    final ImageView imageView = new ImageView(
     new Image("https://upload.wikimedia.org/wikipedia/commons/b/b7/Idylls_of_the_King_3.jpg") 
    ); 
    imageView.setFitHeight(300); 
    imageView.setFitWidth(228); 

    final Label label = new Label("The Once\nand\nFuture King"); 
    label.setStyle("-fx-text-fill: goldenrod; -fx-font: italic 20 \"serif\"; -fx-padding: 0 0 20 0; -fx-text-alignment: center"); 

    StackPane glass = new StackPane(); 
    StackPane.setAlignment(label, Pos.BOTTOM_CENTER); 
    glass.getChildren().addAll(label); 
    glass.setStyle("-fx-background-color: rgba(0, 100, 100, 0.5); -fx-background-radius: 10;"); 
    glass.setMaxWidth(imageView.getFitWidth() - 40); 
    glass.setMaxHeight(imageView.getFitHeight() - 40); 

    final StackPane layout = new StackPane(); 
    layout.getChildren().addAll(imageView, glass); 
    layout.setStyle("-fx-background-color: silver; -fx-padding: 10;"); 
    stage.setScene(new Scene(layout)); 
    stage.show(); 
    } 

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

Örnek program çıkışı: iyi çalışır