我如何能实现与非透明孩子的JavaFX 2的透明面板? 我想达到的效果是,例如在搅拌机适用于菜单:
菜单面板/窗口是透明的,但文字的项目并不透明,这导致一个漂亮的效果。
我如何能实现与非透明孩子的JavaFX 2的透明面板? 我想达到的效果是,例如在搅拌机适用于菜单:
菜单面板/窗口是透明的,但文字的项目并不透明,这导致一个漂亮的效果。
您窗格的背景设置为与阿尔法分量的颜色。 您可以使用样式表或该行内样式。
例如,如果你的窗格被评为玻璃,那么下面就给它一个圆形,半透明的青色背景:
glass.setStyle("-fx-background-color: rgba(0, 100, 100, 0.5); -fx-background-radius: 10;");
你也可以使用完成混合,stackpanes或与项目组类似的效果不透明度为在stackpane或组的背面设置的项目。
下面是使用的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); }
}
示例程序的输出: