带有背景图片和其他透明背景的QFrame

时间:2015-06-21 13:27:04

标签: c++ qt background-image qframe

我正在制作桌面旋转木马应用。在那里,我需要显示图像小部件,其中可能还包含其他子小部件。为此,我使用QFrame并将所需图像作为背景。这是我尝试使用的图片:image link。我想要的是只有图像显示,没有背景图像或任何东西出现,所以对用户来说它看起来就像图像。这是我的代码:

setGeometry(QRect(100, 20, 325,400));
setFrameStyle(QFrame::StyledPanel);
setStyleSheet("QFrame#ImageFrame { background-color: transparent; background: url(:icon/ipad-skin); }");
setAutoFillBackground(false);

但是,我得到了这个结果:

enter image description here

我也试过这个(从here获得)(并删除样式表):

void MyWidget::paintEvent(QPaintEvent *p)
{
    QPainter* pPainter = new QPainter(this);
    pPainter->drawPixmap(rect(), QPixmap(":icon/newskin.png"));
    delete pPainter;
    QWidget::paintEvent(p);
}

没有什么不同,完全相同的结果。背景的灰色仍然显示出来。

如何设置QFrame的灰色背景并仅显示图像(我设置的尺寸与图像相同)?

P.S我知道类似的问题已在这里得到解答:QWidget transparent background (but not the children),而这里:Frameless and transparent window qt5但这些并不能解决我的问题。最后一个解决方案使我的QFrame看起来像这样:

enter image description here

QFrame现在有一个标题栏,这首先是我想要的东西。

编辑 - 此解决方案有效,但在我的用例中,我需要显示通过QFrame内的GL渲染的图像(具体来说,在我们可以看到的iPad图像中的视口中这里)。在Windows中,设置Qt::WA_TranslucentBackground属性会使GL渲染图像不可见。但它在Mac上运行良好。所以我正在寻找一种适用于Windows的解决方案。

2 个答案:

答案 0 :(得分:6)

此代码适用于我(在MacOS / X 10.10.3下测试,使用Qt 5.5.0-beta;我希望它可以在任何Qt版本4.5.0或更高版本下工作):

main.h:

#ifndef main_h
#define main_h

#include <QFrame>
#include <QPixmap>

class MyFrame : public QFrame
{
public:
   MyFrame(QWidget * parent);

   virtual void paintEvent(QPaintEvent * e);

private:
   QPixmap _pixmap;
};

#endif

main.cpp中:

#include <QApplication>
#include <QPainter>
#include "main.h"

MyFrame :: MyFrame(QWidget * parent) : QFrame(parent, Qt::Window|Qt::FramelessWindowHint)
{
   setAttribute(Qt::WA_TranslucentBackground);

   _pixmap.load("/Users/jaf/iPad_Vector.png");
   resize(_pixmap.size());
}

void MyFrame :: paintEvent(QPaintEvent * /*e*/)
{
   QPainter p(this);
   p.drawPixmap(0,0,width(),height(), _pixmap);
}

int main(int argc, char ** argv)
{
   QApplication app(argc, argv);

   MyFrame f(NULL);
   f.show();

   return app.exec();
}

屏幕截图(在桌面背景前显示应用程序的窗口):

screenshot

答案 1 :(得分:1)

您可以尝试对代码进行轻微修改吗?

如果它不起作用,您可以在公共存储库上发布您的可编译代码吗?这有助于在您的确切背景下重现。

void MyWidget::paintEvent(QPaintEvent *p)
{
    QPainter* pPainter = new QPainter(this);
    pPainter->setBackgroundMode(Qt::TransparentMode);
    pPainter->drawPixmap(rect(), QPixmap(":icon/newskin.png"));
    delete pPainter;
    QWidget::paintEvent(p);
}