javafx-8 - Javafx8 弹出窗口透明度问题

Question

我正在尝试将 javafx2 应用程序移植到 javafx8，但注意到 Linux 上的弹出控件存在一些问题。

屏幕截图显示弹出窗口周围有一个白色框，通常应该是透明的并具有投影效果。 这只发生在我的 Slackware14 Linux 上，我在同一台计算机上运行的 Windows VM 上进行了测试，并且渲染得很好。

我认为这个问题与这些问题有关 https://javafx-jira.kenai.com/browse/RT-33709 https://javafx-jira.kenai.com/browse/RT-33750

我的问题是在修复之前是否有任何解决方法？

Answer 1

问题是什么

默认的 JavaFX 8 (modena.css) 没有考虑到透明窗口功能在某些平台(特别是某些 Linux 平台)上是可选的。

在 Java 9 发布之前，默认 css 不太可能改变。

如何修复

这是仅适用于 Java 8+ 的解决方案。

提供您自己的 css 来覆盖默认 css，以便您可以支持这些平台，而不会在某些控件周围显示难看的白色边框区域。您提供的 css 可以假设透明窗口不是底层平台的功能，并设计 UI 样式，使其在此类平台上看起来仍然不错。作为transparent window feature是一个 ConditionalFeature，在应用程序启动时，check to see if the conditional feature is supported ，如果不是，请通过 Application.setUserAgentStyleSheet() 应用您的自定义样式表.

示例应用程序

我只在 Mac(支持透明窗口功能)上对此进行了测试，因此我无法真正验证它是否能在 Linux 上按预期工作，但我希望它能正常工作:-)

import javafx.application.Application;
import javafx.application.ConditionalFeature;
import javafx.application.Platform;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.ColorPicker;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;

public class SolidPick extends Application {

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

    @Override public void start(Stage stage) throws Exception {
        ColorPicker picker = new ColorPicker();

        if (Platform.isSupported(ConditionalFeature.TRANSPARENT_WINDOW)) {
            Application.setUserAgentStylesheet(
                this.getClass().getResource(
                        "solid-pick.css"
                ).toExternalForm()
            );
        }    

        StackPane layout = new StackPane(picker);
        layout.setPadding(new Insets(10));

        stage.setScene(new Scene(layout));
        stage.show();
    }

}

然后文件 solid-pick.css 是整个 modena.css 的精确副本末尾附加以下附加行:

.color-palette {
    -fx-background-radius: 0, 0;
    -fx-effect: null;
}

这些行:

1. 为颜色选择器弹出窗口提供方形背景而不是圆形背景。
2. 删除通常围绕弹出窗口的半透明投影效果。

这些东西的组合为弹出窗口提供了形状和边框，在不提供透明窗口的环境中看起来更好。

solid-pick.css 文件应放置在与 SolidPick 应用程序相同的目录中，以便将其捆绑到应用程序 jar 中并可供应用程序类加载器使用。

示例输出

以下是在我的 Mac 上渲染的一些示例输出，弹出窗口上有或没有阴影边框。

标准渲染=>

修改渲染，具有方形边框且无阴影 =>

建议方法

检查整个应用程序(可能还有整个 modena.css 样式表)，并使用与上面颜色选择器类似的方法，修复在透明窗口不可用的环境中出现的任何渲染问题。然后在您的应用程序中使用生成的样式表(如果许可允许)，通过将其提交到第三方项目(例如 ControlsFX)，将您的自定义样式表贡献给社区。 .