Giving a QGLWidget a transparent background
-
This works for me, in the widget constructor:
@setAttribute(Qt::WA_TranslucentBackground,true); setWindowFlags(Qt::FramelessWindowHint | Qt::WindowStaysOnTopHint ); setWindowOpacity(0.5); bool t=testAttribute ( Qt::WA_TranslucentBackground); qDebug()<<"transparency"<<t;@ -
I tried adding that code into the constructor, but unfortunately I can still see the qglclearcolor rather than the transparency. Am I doing something wrong??
-
Which OS are you working on? Either way this is a complex task and can't be done simply by setting some flags etc and has little to do with Qt unfortunately.
Don't know much about linux so I'll stick to windows.
On XP there was no window compositing so you're out of luck there. Beginning with Vista desktop compositing is done with DirectX. Windows draw on plain basic DirectX surfaces so you just set up some windows flags and gain direct acces to the window buffer and can efficiently draw to it whatever you want (including alpha channel).With OpenGL this is an entirely different story. Windows does not allow so called layered OpenGL contexts(windows). Long story short -there's no simple way, and the hard ones have some drawbacks too (usually performance wise).
One option is to draw with OpenGL to some offscreen buffer and then copy it to the displayed qpixmap. With some amount of tinkering you can get it pretty efficient, but of course this is still too slow for some serious hi-frame animations. Take a look "here":http://www.dhpoware.com/demos/glLayeredWindows.htmlOn the other hand default Qt5 package uses now ANGLE on windows, which is an OpenGL-> DirectX translation layer, so maybe there is a way to get a hand on the native window buffer, but this obviously would be very difficult and hackish to say the least.
Edit: I played around and it seems that using DwmExtendFrameIntoClientArea with negative margin instead of DwmEnableBlurBehindWindow actually achieves what you want, but again - this requires Windows Vista or higher and platform specific dwmapi.h. I'm also not exactly sure what are the performance penalties with this.
-
john_god:
So here is how I have my current form set up. I have a parent form with a few buttons on it, and a QGLWidget is placed on top. I then assign the class "GLWidget" to the QGLWidget. This class is defined in the code and handles drawing the basic cube. Here is where I added your code:
@
GLWidget::GLWidget(QWidget *parent) :
QGLWidget(parent),
timer(new QBasicTimer),
program(new QGLShaderProgram),
geometries(new GeometryEngine),
angularSpeed(0){
//setAutoBufferSwap(true);
setAttribute(Qt::WA_TranslucentBackground,true);
setWindowFlags(Qt::FramelessWindowHint | Qt::WindowStaysOnTopHint );
setWindowOpacity(0.5);
bool t=testAttribute ( Qt::WA_TranslucentBackground);
qDebug()<<"transparency"<<t;
}
@As for the platform: I am using Windows 7 Professional edition, and my QT version is Qt5.
Krzysztof Kawa: Thanks for your feedback. So what you are essentially stating here is that I could hack together a solution, but it will have performance issues? I took a look at the link you provided, it has some promise if I can find a way to make it somewhat efficient.
-
If I place the same code into the parent form's code, it simply does not show up. So clearly the transparency code works for the parent form, but the QGLWidget seems unaltered by it.
-
Try this on the MainWidget constructor
@setAttribute(Qt::WA_TranslucentBackground,true); setWindowOpacity(0.5); bool t=testAttribute ( Qt::WA_TranslucentBackground); qDebug()<<"transparency"<<t;@I just tested in the cube demo and it works great on linux.
-
Yeah, this works for regular widgets, but doesn't seem to for QGLwidget on Windows.
As I said you can try to put this in your constructor as a platform dependent solution:
@
#include <dwmapi.h>
#pragma comment(lib, "dwmapi")//in the constructor
setWindowFlags(Qt::FramelessWindowHint);
MARGINS m;
m.cxLeftWidth = -1;
m.cxRightWidth = -1;
m.cyBottomHeight = -1;
m.cyTopHeight = -1;
DwmExtendFrameIntoClientArea((HWND)winId(), &m);
@
Seems to be working, but check if it meets your requirements. -
That somewhat accomplished what I wanted, actually!
However it gave the entire window transparency, is there a way to only give the background of the QGLWidget transparency?Thanks again!
-
The opacity is not the same as full alpha channel transparency. Opacity makes entire window and its contents transparent and doesn't give you per pixel control (eg. only background transparent and the drawings fully opaque).
-
Sorry Krzysztof Kawa, ignore my last post, it was aimed at john_god.
I am trying out your code at the moment. -
So, after trying your code Krzysztof Kawa, I did not see a difference.
Here is the constructor of the widget:
@GLWidget::GLWidget(QWidget *parent) :
QGLWidget(parent),
timer(new QBasicTimer),
program(new QGLShaderProgram),
geometries(new GeometryEngine),
angularSpeed(0){
setWindowFlags(Qt::FramelessWindowHint);
MARGINS m;
m.cxLeftWidth = -1;
m.cxRightWidth = -1;
m.cyBottomHeight = -1;
m.cyTopHeight = -1;
DwmExtendFrameIntoClientArea((HWND)winId(), &m);
}@And a screenshot:
This one with no qglclearcolor
!http://img13.imageshack.us/img13/3069/noclear.png(No clear color)! -
bq. That somewhat accomplished what I wanted, actually!
However it gave the entire window transparency, is there a way to only give the background of the QGLWidget transparency?
Thanks again!I don't know. If you find let us know :) I will try other ways.
-
The DWM thingie worked for me. I got this triangle with transparent background:
!http://img801.imageshack.us/img801/7412/transparency.jpg(triangle with transparent background)!Here's the widget code I used:
@
#include "myglwidget.h"
#include <dwmapi.h>#pragma comment(lib, "dwmapi")
MyGLWidget::MyGLWidget(QWidget *parent) :
QGLWidget(parent)
{
setWindowFlags(Qt::FramelessWindowHint | Qt::WindowStaysOnTopHint);MARGINS m; m.cxLeftWidth = -1; m.cxRightWidth = -1; m.cyBottomHeight = -1; m.cyTopHeight = -1; DwmExtendFrameIntoClientArea((HWND)winId(), &m);}
void MyGLWidget::initializeGL()
{
glClearColor(0.0f, 0.0f, 0.0f, 0.0f);
}void MyGLWidget::resizeGL(int w, int h)
{
glViewport(0, 0, w, h);
glMatrixMode(GL_PROJECTION);
glLoadIdentity();
GLfloat x = GLfloat(w) / h;
glFrustum(-x, x, -1.0, 1.0, 1.0, 10.0);
glMatrixMode(GL_MODELVIEW);
glLoadIdentity();
}void MyGLWidget::paintGL()
{
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);glBegin(GL_TRIANGLES); glColor3f(1.0, 0.0, 0.0); glVertex3f(-1.0, 1.0, -3.0); glColor3f(0.0, 1.0, 0.0); glVertex3f(1.0, 1.0, -3.0); glColor3f(0.0, 0.0, 1.0); glVertex3f(0.0, -1.0, -3.0); glEnd();}
@ -
Oh man. I placed your code into my GLWidget's code, just to see if it would work. But I am now getting errors that functions like glVertex3f are undefined. Is it a possibility that something with my .lib files is preventing this from working?
Let me give you a lowdown of my environment so you aren't in the dark on this.
I'm running Visual Studio 2010, with the QT 5.0 addin. Here are the additional dependencies in my linker:
@qtmaind.lib
Qt5Cored.lib
Qt5Guid.lib
Qt5Widgetsd.lib
msvcrtd.lib
Qt5OpenGLd.lib
libEGLd.lib
libGLESv2d.lib
gdi32.lib
user32.lib
dwmapi.lib@The includes I have at the top of the GLWidget:
@#include "GLWidget.h"
#include "geometryengine.h"
#include <QtOpenGL/QGLShaderProgram>
#include <QBasicTimer>
#include <QMouseEvent>
#include <QDebug>
#include <math.h>
#include <locale.h>
#include <dwmapi.h>
#pragma comment(lib, "dwmapi")@I feel like I'm missing something here. Is there something up with my dependencies or includes?
Thanks again for the help though. I'm confident that your code works flawlessly, my compiler just doesn't like the thought of success lol. -
Hm, I might be wrong but it looks like yet another type of issue.
The thing is I'm using Qt5 I compiled myself with the -opengl desktop switch, which means I get to use the full desktop OpenGl along with the fixed pipeline (glMatrixMode, glBegin, glVertex etc.).
I'm guessing you are using the default pre-compiled Qt5 package available from download page, which, as I said in one of the earlier post, uses ANGLE - an OpenGL ES implementation on top of DirectX.
I think the fixed pipeline is not available on OpenGL ES. You need to use VBOs, shaders and your own matrix transformations there so the code I pasted is not valid in that scenario. Sorry for the confusion. -
Ah alright, that is definitely a possibility. I am, in fact, using the pre-compiled Qt5 package as you said. Is there any way I can recompile it with the -opengl switch?
I feel as though that may be the simpler solution, but I honestly have no clue. -
Well yes, you can download the sources from "here":http://releases.qt-project.org/qt5/5.0.1/single/qt-everywhere-opensource-src-5.0.1.zip or from git and compile it with whatever options you might need, but I would reserve myself from calling it a simler solution. The process is described "here":http://qt-project.org/wiki/Building_Qt_5_from_Git and takes some nerve, some luck, a lot of fiddling and a few hours at least :)
The easier solution would be to ignore the opengl part of my code and stick to the OpenGL ES subset when drawing (which the cube demo does). My triangle there is just to show anything on the screen, the really important parts are the window flags and the DWM thing.
On the other hand it might well be the case that the ANGLE port has some problems with transparency, but I have no way to check that at the moment as I don't have the prebuilt package setup, sorry.
-
Hi,
I compiled this tranparent qglwidget and it is working as expected. Now I wanted to make the widget transparent for mouse events by setting an attribute "setAttribute( Qt::WA_TransparentForMouseEvents, true );".
Sadly this has no effect. When I have a normal Widget with this attribute which holds a qglwidget both ingnore the mouse events.
However then the qglwidget is no more transparent.
Is there a way to get a standalone transparent qglwidget to ignore mouse events?
