Qt中控件叠加悬浮显示的两种实现方法

Posted 2022-05-27 也无风雨、也无晴。

一是使用私有布局，二是使用move函数，两种方法实现效果类似

举例：QTextEdit和QPushButton叠加，QPushButton显示在QTextEdit内部，实现效果如图：

私有布局实现：

	QTextEdit* pEditTmp = new QTextEdit;
	QPushButton* pBtnTmp = new QPushButton(QString::fromLocal8Bit("复制"));

    QHBoxLayout* pEditTmpLayout = new QHBoxLayout(pEditTmp);
    pEditTmpLayout->setSpacing(0);
    pEditTmpLayout->setMargin(0);
    pEditTmpLayout->addWidget(pBtnTmp);
    pEditTmpLayout->setAlignment(pBtnTmp,Qt::AlignBottom | Qt::AlignRight);

    QVBoxLayout *pMainLayout = new QVBoxLayout();
    pMainLayout->setMargin(50);
    pMainLayout->setSpacing(50);
    pMainLayout->addWidget(pEditTmp);
    pMainLayout->addStretch();

    this->setLayout(pMainLayout);    

move函数实现：

	QTextEdit* pEditTmp = new QTextEdit(this);
    pEditTmp->setFixedSize(250,220);
    QPushButton* pBtnTmp = new QPushButton;
    pBtnTmp->setText(QString::fromLocal8Bit("复制"));
    pBtnTmp->setFixedSize(80,50);

    QVBoxLayout *pMainLayout = new QVBoxLayout();
    pMainLayout->setMargin(180);
    pMainLayout->setSpacing(0);
    pMainLayout->addWidget(pBtnTmp);
    pMainLayout->addStretch();

    pEditTmp->move(10,10);

    this->setLayout(pMainLayout);

使用注意点：

• 私有布局方式：一般在底部显示的控件指定为布局的父类指针， *QHBoxLayout pEditTmpLayout = new QHBoxLayout(pEditTmp);**在内部显示的为子控件，子控件在私有布局里面添加设置，主布局只需添加父控件，子控件自然就跟随显示，不需再次添加。
• move函数实现：一般显示在上面的控件要添加到主布局中显示，否则会被覆盖，底部控件初始化时设置当前窗口父类指针，使用move函数设定坐标移动到合适的位置即可。