个人中心
gpt4 book ai didi

java - QTJambi和Webkit，透明背景的问题

转载 作者：行者123 更新时间：2023-11-30 06:59:12 25 4
gpt4 key购买 nike

我在使用 QTJambi 和 Webkit 时遇到了一个非常持久的问题。

这就是我想做的。

我想加载一个在 HTML 文件中编码的 Web 界面(它可以工作)，在 Javascript 和 Java 之间进行一些交互(它也可以工作)，在另一个显示图像的小部件上显示具有透明背景的 Web 界面(一个 2D 游戏)风景)，只要 Web 界面是静态的，它也可以工作。

当 Web 界面发生变化(DOM 和 css 操作)时就会出现问题。当它发生变化时，之前的Web View 渲染不会被清除，并且新的渲染会被覆盖。所以，我有这样的渲染:

Picture of the graphic bug

我理解它是如何工作的:显示一个带有背景颜色的矩形来隐藏以前的渲染并显示新的渲染。但背景颜色是透明的。所以它没有隐藏任何东西。

我尝试了在网上找到的一些具有合成模式的解决方案，但它不起作用。我也有同样的问题，或者黑屏。

这是我的代码。

HTML 文件:

<html>
<head>
   <meta charset="utf-8" />

   <style>
       #body
       {
           position: absolute; 
           left: 0px; 
           right: 0px; 
            top: 0px; 
           bottom: 0px; 
           overflow: hidden;
       }


        #button
        {
            position: absolute; 
            left: 20px; 
            top: 20px; 
            background-color: rgba(255, 100, 100, 0.1); 
            padding: 10px; 
            box-shadow: 0px 2px 5px rgb(0, 0, 0); 
            border-radius: 5px; 
        }

       #token
        {
            position: absolute; 
            left: 200px; 
            top: 20px; 
            background-color: rgba(100, 255, 100, 0.1); 
            padding: 10px; 
            box-shadow: 0px 2px 5px rgb(0, 0, 0); 
            border-radius: 5px; 
        }

       #console
       {
           background-color: rgba(100, 100, 255, 0.1); 
           position: absolute; 
           left: 20px; 
           right: 20px; 
           top: 100px; 
           bottom: 20px; 
           padding: 10px; 
           overflow: auto; 
       }
   </style>

</head>

<body>

    <div id="button" >Appeler Java</div> <!-- Le bouton rouge qui appelle Java --> <!-- This red button calls Java -->
    <div id="console" >Console. <br /></div> <!-- Le bloc bleu où on affiche les messages --> <!-- Messages are displayed in this blue block. -->
    <div id="token" >Je bouge.</div> <!-- Le petit bloc vert qui bouge tout seul --> <!-- The moving green block. -->

    <script type="text/javascript" >

        // Fonction javascript appelée par Java au chargement de la page 
        // Java calls this Javascript function when the HTML file is loaded. 
        var fromJavaToJavascript = function()
        {
            document.getElementById("console").appendChild(document.createTextNode("J'ai été appelé par le Java. ")); 
            document.getElementById("console").appendChild(document.createElement("br")); 
        }; 

        // Mon image qui doit recevoir la QPixmap 
        //var qPixmap = new Image(); 

        var readImage = function()
        {
            document.getElementById("console").appendChild(document.createTextNode("Je reçoit une image de java. " + qPixmap)); 
            document.getElementById("console").appendChild(document.createElement("br")); 
        }; 

        window.onload = function()
        {
            var count = 0; 

            // Fonction qui appelle Java et déclenchée par le bouton rouge 
            // When the red button is clicked, it calls this javascript function which calls a Java function. 
           document.getElementById("button").onclick = function()
           {
               count++; 

               // On affiche l'incrément dans le bouton rouge 
               // Text in red button is updated. 
               while (document.getElementById("button").firstChild)
                   document.getElementById("button").removeChild(document.getElementById("button").firstChild); 

               document.getElementById("button").appendChild(document.createTextNode("Appeler Java " + count)); 

               // On affiche un message dans le bloc bleu 
               // New message is displayed in the blue block. 
               document.getElementById("console").appendChild(document.createTextNode("Je dois appeler le Java. " + javaObject)); 
               document.getElementById("console").appendChild(document.createElement("br")); 

               // On appelle Java
               // Call Java. 
               javaObject.submit(); 
           }; 

            var initPos = 20; 

            // Le bloc vert bouge tout seul. 
            // The green block is moving. 
            var timer = setInterval(function()
            {
                initPos = initPos + 5; 

                document.getElementById("token").style.top = initPos + "px"; 

            }, 500); 
        }; 

    </script>

</body>
</html>

主框架:

public class WebBrowserTestFrame extends QMainWindow
{
    protected QGraphicsView view; 
    protected QGraphicsScene scene;
    protected WebBrowserTestQWebView browser; 
    protected QGridLayout gridLayout; 

    public WebBrowserTestFrame()
    {
        this.gridLayout = new QGridLayout(); 

        // Le widget où on affiche une image
        // This widget displays an image 
        this.scene = new QGraphicsScene(); 
        QPixmap image = new QPixmap("resources/tests/Coin-coin.jpg"); 
        this.scene.addPixmap(image); 
        this.view = new QGraphicsView(scene); 

        // Le widget qui charge le fichier HTML
        // This widget loads an HTML file 
        this.browser = new WebBrowserTestQWebView(this.view);
        QPalette palette = this.browser.palette(); 
        palette.setBrush(QPalette.ColorRole.Base, new QBrush(new QColor(Qt.GlobalColor.transparent)));
        this.browser.setPalette(palette); 
        this.browser.setAttribute(Qt.WidgetAttribute.WA_OpaquePaintEvent, false);

        // On superpose les 2 widgets 
        // The 2 widgets are stacked 
        this.gridLayout.addWidget(this.view, 0, 0); 
        this.gridLayout.addWidget(this.browser, 0, 0); 

        // On attache le tout à la fenêtre principale 
        // Widgets are appended to the main frame 
        QWidget widget = new QWidget(); 
        widget.setLayout(this.gridLayout); 
        this.setCentralWidget(widget); 
        this.setWindowTitle("Hello WebKit");

        // Evénements de la Web view
        // Web view events 
        this.browser.loadStarted.connect(this, "loadStarted()");
        this.browser.loadProgress.connect(this, "loadProgress(int)");
        this.browser.loadFinished.connect(this, "loadDone()");
        this.browser.urlChanged.connect(this, "urlChanged(QUrl)");

        // On charge la page
        // Load the HTML file 
        QApplication.invokeLater(new Runnable()
        {
            @Override
            public void run()
            {
                File htmlFile = new File("resources/interfaces/javascript/test.html"); 

                if (htmlFile.exists())
                    browser.load(new QUrl("file://" + htmlFile.getAbsolutePath()));
                else 
                    System.out.println("Le fichier n'existe pas"); 
            }
        }); 
    }

    public void loadStarted() 
    {
        System.out.println("Load started"); 
    }

    public void loadDone() 
    {
        WebBrowserTestJavascript javascript = new WebBrowserTestJavascript(); 
        this.browser.page().mainFrame().addToJavaScriptWindowObject("javaObject", javascript); 
        this.browser.page().mainFrame().evaluateJavaScript("fromJavaToJavascript()"); 
    }

    public void loadProgress(int x) 
    {
        System.out.println("Loading: " + x + " %"); 
    }

    public void urlChanged(QUrl url) 
    {
        System.out.println("Url changed : " + url); 
    }
}

继承自QWebView的类:

public class WebBrowserTestQWebView extends QWebView
{
    @Override
    public void paintEvent(QPaintEvent event)
    {
        // On tente d'effacer l'ancien affichage de la web view et c'est là que ça coince. 
        // Clears the previous web view rendering and here is the problem 
        QPainter painter = new QPainter(this); 
        painter.setCompositionMode(QPainter.CompositionMode.CompositionMode_Source); 
        painter.fillRect(event.rect(), Qt.GlobalColor.transparent); 
        painter.setCompositionMode(QPainter.CompositionMode.CompositionMode_SourceOver); 

        super.paintEvent(event); 
    }
}

提前谢谢您。 :)

最佳答案

我终于自己找到了解决方案。这真的很简单。 ^^'

我从WebBrowserTestFrame类中删除了将Web View 背景设置为透明的代码，并将其放入WebBrowserTestQWebView类的paintEvent方法中。像这样:

    public class WebBrowserTestQWebView extends QWebView
{
    @Override
    public void paintEvent(QPaintEvent event)
    {
        QPalette palette = this.palette(); 
        palette.setBrush(QPalette.ColorRole.Base, new QBrush(new QColor(Qt.GlobalColor.transparent)));
        this.setPalette(palette); 
        this.setAttribute(Qt.WidgetAttribute.WA_OpaquePaintEvent, false);
        super.paintEvent(event); 
    }
}

这对我有用! :D

Here is finally the expected rendering

关于java - QTJambi和Webkit，透明背景的问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41240452/

25 4 0
文章推荐： javascript - Angular JS "Controller as"语法不起作用
文章推荐： 匹配 "*"的 JavaScript 正则表达式，除非前面有反斜杠
文章推荐： javascript - 为什么这个 jQuery 选择器表达式中的空格是相关的
文章推荐： java - @JmsListener 的 JUnit 测试
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com