在布局系统插入新的widget，可实现中间插入，让原有widget下移-QT开发中文网

在 Qt 的布局系统中，要在 QGridLayout 中间插入一个新的 widget，并让原有的 widget 下移，可以通过以下步骤实现：

计算插入位置：确定要插入的新 widget 的行和列。
移动后面的 widget：将指定位置及其后的所有 widget 向下或向右移动，以腾出空间。
添加新 widget：在指定位置添加新 widget。

以下是一个示例代码，演示如何在 QGridLayout 中进行这种操作：

示例代码

#include <QApplication>
#include <QWidget>
#include <QPushButton>
#include <QGridLayout>
#include <QVBoxLayout>

class MyWidget : public QWidget {
public:
    MyWidget() {
        QVBoxLayout *mainLayout = new QVBoxLayout(this);
        gridLayout = new QGridLayout();
        
        // 添加一些初始按钮
        for (int i = 0; i < 4; ++i) {
            QPushButton *button = new QPushButton(QString("Button %1").arg(i));
            gridLayout->addWidget(button, i, 0); // 初始放置在第一列
        }

        // 添加用于插入的按钮
        QPushButton *insertButton = new QPushButton("Insert Button");
        connect(insertButton, &QPushButton::clicked, this, &MyWidget::insertNewItem);

        mainLayout->addWidget(insertButton);
        mainLayout->addLayout(gridLayout);

        setLayout(mainLayout);
    }

private slots:
    void insertNewItem() {
        static int itemCount = 0;
        
        // 假设我们想要在第二行（index为1）插入新的 button
        int insertRowIndex = 1; 
       
        // 创建新的按钮
        QPushButton *newButton = new QPushButton(QString("Inserted Button %1").arg(itemCount++));

       // 在指定位置插入新按钮并移动其他按钮
       for (int row = gridLayout->rowCount(); row > insertRowIndex; --row) {
           for (int col = 0; col < gridLayout->columnCount(); ++col) {
               QWidget* item = gridLayout->itemAtPosition(row - 1, col)->widget();
               if (item) {
                   gridLayout->removeWidget(item); 
                   gridLayout->addWidget(item, row, col); // 向下移动一行
               }
           }
       }
      
       gridLayout->addWidget(newButton, insertRowIndex, 0); // 插入新按钮到指定行

       update();  // 更新界面（可选）
   }

private:
    QGridLayout *gridLayout;
};

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    MyWidget window;
    window.setWindowTitle("Dynamic Grid Layout Insert Example");
    window.resize(300, 200);
    window.show();

    return app.exec();
}

代码解析

基本布局：使用 QVBoxLayout 来包含一个插入按钮和一个 QGridlayout。最初放置了一些按钮。
插入逻辑：
- 当点击“Insert Button”时，会调用 insertNewItem() 函数。
- 我们选择一个固定的行索引（这里是第二行）来插入新的 button。
- 使用双重循环遍历已有的 widgets，从最后一行开始，将每个 widgets 向下移动一行，为新的 button 腾出空间。
动态更新布局：这段代码确保了即使是中间位置也能正常进行插入，而后续的 widgets 会被正确地向下移动。