QML：矩形的透明度不起作用

Question

如何设置矩形/屏幕的透明度。

我有以下代码：

// main.cpp
void main(int argc, char*[] argv)
{
    QApplication::setGraphicsSystem("raster");
    QApplication app(argc, argv);

    QDeclerativeView view;
    view.setSource(QUrl::fromLocalFile("loaderTest.qml"));

    view.setResizeMode(QDeclarativeView::SizeRootObjectToView);
    view.showFullScreen();

    //QRegion mask(10, 10,  100, 100);
    //view.setMask();

    view.show();
    app.exec();
}

QML 文件是：

//loaderTest.qml
Rectangle
{
    id: mainRectangle
    width: 1000
    height: 700
    color: "transparent"
    //color: "#00000000"

    Image
    {
        id: image1;
        width: 348;
        height: 155;
        anchors.horizontalCenter: parent.horizontalCenter;
        anchors.verticalCenter: parent.verticalCenter;
        source: "test.png"
    }

    Loader
    {
        id: mainLoader
        anchors.fill: parent;
        source: "";
        focus: true;
    }
}

我在该屏幕中有一个加载程序和一张图像，背景颜色是透明的。 当我运行这个应用程序时，它应该显示透明背景，图像位于中心（因为我没有设置加载程序源）。

但我得到的是中心图像，屏幕上填充了白色背景，我不知道谁在填充这个白色背景颜色，因为我已经提到透明颜色作为背景。

我使用的是 QT.4.7.0 和 Linux。

我的目标系统上有两个平面，一个是视频平面，另一个是图形平面，当我运行具有透明背景的 GUI（在视频位置设置透明度）时，它应该在视频位置上显示视频，在上面的示例中，它显示背景为白色，如下所示它应该显示在视频平面上播放的视频。

Answer 1

默认情况下，QDeclarativeView 绘制背景。也许这就是你的情况的问题。

来自http://doc.qt.nokia.com/4.7/qdeclarativeperformance.html

如果您使用 QML 提供应用程序的背景，您还可以阻止 QDeclarativeView 绘制其窗口背景，例如

 QDeclarativeView window;
 window.setAttribute(Qt::WA_OpaquePaintEvent);
 window.setAttribute(Qt::WA_NoSystemBackground);
 window.viewport()->setAttribute(Qt::WA_OpaquePaintEvent);
 window.viewport()->setAttribute(Qt::WA_NoSystemBackground);

Answer 2

我的第一个猜测是背景是白色的，并且您的矩形确实是完全透明的。

LoaderScreen 是什么类型，我猜它是某种 QDecalarativeView，请原谅任何技术失误，因为已经快一年没有编写 Qt/QML 了。我记得视图的默认背景是白色的，您希望实现什么样的透明度？

Answer 3

如果您只在 QPushButton 上设置背景颜色，则背景可能不会出现，除非您将 border 属性设置为某个值。这是因为，默认情况下，QPushButton 绘制一个与背景颜色完全重叠的本机边框。
这可能会在 QPushButton 周围显示一个黑色矩形框。您将面临这个问题，尤其是在 Linux 机器上。为了避免这种情况，您可以将 border 属性设置为 none

widget->setStyleSheet("border:none");