如何在 Qt 中创建一个透明的非模态对话框，该对话框包含在主应用程序 window 中并且可以包含 QPushButtons

Question

我想创建一个固定大小的浮动透明对话框，可以移动、最小化和关闭，可以包含 QLabel 和 QPushButtons，并且包含在主 window 中。我试过使用 QDockWidget 作为 QTableWidget 的容器，但我无法使其透明，只是变黑了。我还尝试使用带有 QMdiArea 的 QWidget，但背景不透明。我是 Qt 的新手，尤其是 Ui 方面。这是一个无形式的 C++ 应用程序，我正在尝试将此 UI 元素添加到其中。非常感谢任何关于如何进行的指示。

Answer 1

您可以将 QDockWidget 与 QDialog 一起使用（或者只使用 QWidget 即可）。可以使用 QGraphicsOpacityEffect（当停靠栏不浮动时）或 setWindowOpacity()（当停靠栏浮动时）设置透明度。示例如下：

mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QDockWidget>
#include <QSlider>

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

    void setDockOpacity();

private:
    QDockWidget dock_widget_;
    QSlider slider_;
};
#endif // MAINWINDOW_H

mainwindow.cpp

#include "mainwindow.h"

#include <QDialog>
#include <QVBoxLayout>

#include <QGraphicsOpacityEffect>

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
{
    this->setStyleSheet("QMainWindow"
                        "{"
                        "   background-color: pink;"
                        "}");

    QDialog *dialog = new QDialog(this);
    dialog->setStyleSheet("QDialog"
                          "{"
                          "    border: 2px solid red;"
                          "    background-color: green;"
                          "}");

    QGraphicsOpacityEffect *effect = new QGraphicsOpacityEffect(dialog);
    effect->setOpacity(1);
    dock_widget_.setGraphicsEffect(effect);

    slider_.setOrientation(Qt::Horizontal);
    slider_.setMinimum(10);
    slider_.setMaximum(100);
    slider_.setValue(100);
    connect(&slider_, &QSlider::valueChanged, this, &MainWindow::setDockOpacity);
    connect(&dock_widget_, &QDockWidget::topLevelChanged, this, &MainWindow::setDockOpacity);

    QVBoxLayout *dialog_layout = new QVBoxLayout{dialog};
    dialog_layout->setContentsMargins(10, 10, 10, 10);
    dialog_layout->addWidget(&slider_);
    dock_widget_.setWidget(dialog);
    dialog->setVisible(true);

    QWidget *widget = new QWidget{this};
    widget->setStyleSheet("border: 2px solid blue;");
    QVBoxLayout *layout = new QVBoxLayout{widget};
    layout->setContentsMargins(50, 50, 50, 50);
    this->setCentralWidget(widget);

    this->addDockWidget(Qt::TopDockWidgetArea, &dock_widget_);
    this->resize(500, 500);
}

MainWindow::~MainWindow()
{
}

void MainWindow::setDockOpacity()
{
    if (dock_widget_.isFloating())
    {
        dock_widget_.setWindowOpacity(slider_.value() / 100.0);
        qobject_cast<QGraphicsOpacityEffect*>(dock_widget_.graphicsEffect())->setOpacity(1);
    }
    else
    {
        dock_widget_.setWindowOpacity(1);
        qobject_cast<QGraphicsOpacityEffect*>(dock_widget_.graphicsEffect())->setOpacity(slider_.value() / 100.0);
    }
}

如何在 Qt 中创建一个透明的非模态对话框，该对话框包含在主应用程序 window 中并且可以包含 QPushButtons

How do I create a transparent non-modal dialog with a frame in Qt that is contained within the main application window and can contain QPushButtons

qt

widget