Jak zaimplementować przezroczysty panel z nieprzejrzystymi dziećmi?

Question

Jak mogę wdrożyć przezroczysty panel z niewidocznymi dziećmi w JavaFX 2? efekt chcę osiągnąć jest na przykład zastosowanie do menu w Blenderze:

menu panelu/okno jest przejrzysty, ale elementy tekstowe nie są przezroczyste, co prowadzi do ładnego efektu.

Answer 1

Ustaw tło panelu na kolor z komponentem alfa. Możesz użyć do tego arkusza stylów lub stylu inline.

Na przykład, jeśli szyba została nazwana szklankę, a następnie dodaje się nada jej zaokrąglony, przezroczyste błękitnym tle:

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

Można również osiągnąć podobne efekty przy użyciu mieszanek stackpanes lub grupy elementów z opacity zestaw elementów z tyłu stosu lub grupy.

Oto przykład wykonywalny, wykorzystujący metodę tła css.

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); } 
} 

próbki wyjście programu: