Qt如何实现控件上面叠加控件的效果？（类似github一样，当上层控件打开时，下层控件自动变灰）

Question

Qt如何实现控件上面叠加控件的效果？
类似github一样，当点击button时，上层控件打开，下层控件自动变灰
而点击下层控件位置，上层控件会自动收回。

Answer 1

参考GPT和自己的思路：

要实现控件上叠加控件的效果，可以使用Qt中的Stacked Widget。Stacked Widget可以容纳多个控件，但只有一个控件可以显示在窗口上。控制何时显示哪个控件可以使用setCurrentWidget函数，并且可以在代码中与button单击事件关联以实现打开和关闭效果。

而下层控件变灰的效果可以通过设置QWidget的styleSheet属性，设置为background-color: gray来实现。

至于点击下层控件收回上层控件，可以通过使用事件过滤器来实现。即在下层控件（比如这里的Label）的事件过滤器中，监视鼠标单击事件，当检测到单击事件后，将上层控件隐藏即可。

下面是一种可能的实现方案：

// 在类构造函数中初始化
ui->stackedWidget->setCurrentIndex(0); // 显示下层控件
ui->stackedWidget->installEventFilter(this); // 安装事件过滤器

// button单击事件关联
void MainWindow::on_button_clicked()
{
    ui->stackedWidget->setCurrentIndex(1); // 显示上层控件
}

// 事件过滤器
bool MainWindow::eventFilter(QObject *watched, QEvent *event)
{
    if (event->type() == QEvent::MouseButtonPress) {
        ui->stackedWidget->setCurrentIndex(0); // 隐藏上层控件
    }
    return false;
}

// 在下层控件的构造函数中设置样式表
this->setStyleSheet("background-color: gray;");