Transparent window

Zubalama

Hello guys is there a way to make a main Rectangle transparent I mean I want to see stuff behind the main window thank you

p3c0

Hi,

Yes. Change opacity of the Rectangle and "setColor":http://doc.qt.io/qt-5/qquickwindow.html#color-prop of QQuickView to transparent.

Zubalama

does it depend on version? I mean I have Qt 2.4 max and can't see anything like that or do I need to import something?

Zubalama

I mean could you give me a code for a main Rectangle that will be transparent I mean I'll be able to see through it

p3c0

Sure, here you go:

main.cpp
@
QQuickView view;
view.setColor(Qt::transparent);
view.setSource(QUrl(QStringLiteral("qrc:///main.qml")));
view.show();
@

main.qml
@
import QtQuick 2.4

Rectangle {
width: 300
height: 300
color: "red"
opacity: 0.1
}
@

Hope this is what you meant..

Zubalama

https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-xpf1/v/t35.0-12/10943163_1556234467966068_1607147445_o.jpg?oh=593acee6bf7540fab8e38fbd548dee57&oe=54C47487&gda=1422184563_081860e0ec836656b3658b8563c24447 no it didn't help I just want to see whatever is behind it for e.g. this site or my desktop...

p3c0

It seems you are using qmlscene to load the QML file, then you need to pass "--transparent" argument to it.

Zubalama

am sorry but could you write me a code once more? with that last suggestion?

p3c0

Are you using QtCreator to execute that file ?

Zubalama

yes I'm using QtCreator

p3c0

Then Keeping your current project selected, go to
QtCreator > Projects (On Left side pane) > Build & Run > Run > Run > Arguments

and add "--transparent" as argument there for qmlscene.

Note: There are two hypens for transparent, it appears to be combined after posting.

Zubalama

What should I write in executable?

p3c0

Which "executable" ?

p3c0

Here's a screenshot:

!http://i.imgur.com/PiTcIPc.jpg(Image)!

Check the highlighted part.

Zubalama

https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-xpa1/v/t35.0-12/10947716_1556252631297585_1470867109_o.jpg?oh=05324a7b6cbff1fd5d4bf8d380ab3c10&oe=54C4A0F3&gda=1422186850_fc60db39f143bc07c6d644ac553a6e00 you mean this projects right? then build & run > run>run

p3c0

Yes exactly. Just remove the double quotes.

Zubalama

oh no I meant to say that I want to see through it but like see that too for example I want to see that desktop but also I want to see whatever is written in this window

p3c0

So what doesn't work for you ? If you have a Text element in this QML it will displayed as it is. It wont be affected by transparency.

Zubalama

https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-xpa1/v/t35.0-12/10939223_1556263367963178_1544022371_o.jpg?oh=16c8895a103701afce881a59cb81adbd&oe=54C47132&gda=1422166051_83ea345a38440bae9096d65ba7cb4658 this is what I see :S

p3c0

It seems the Window itself has completely disappeared. Since I can't see it running in the task bar.

Here is what it looks like on my machine:
!http://i.imgur.com/8gLea96.jpg(Image3)!

Kept the default Project template like yours and just added color and opacity for rectangle. In my case it is seen running in taskbar.