如何實現透明窗格與不透明的孩子？

Question

我如何在JavaFX 2中實現透明面板和非透明兒童？ 我想要實現的效果是例如在攪拌機施加到菜單：

菜單面板/窗口是透明的，但文本項目不透明，這導致一個相當的效果。

Answer 1

將窗格的背景設置爲具有alpha分量的顏色。您可以使用樣式表或內聯樣式。

例如，如果你的窗格被評爲玻璃，那麼下面就給它一個圓形，半透明的青色背景：

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

你也可以使用混合，stackpanes或與項目組完成類似的效果opacity設置爲堆棧窗格或組後面的項目。

這是一個使用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); } 
} 

示例程序輸出：