Qt基础——让使用Designer创建的UI也能自动适应窗口大小

我们知道，通过Qt的各种Layout可以实现控件的自动布局。

但是在使用Qt Designer创建的UI时，发现UI始终是设计时的样子，无法随着容器的放大缩小自适应地变化。

通过之前对ui的.h文件进行分析，我们知道Qt在生成ui代码时，根据最外层的Layout自动添加一个了Widget：

   /** 这个Widget在UI设计时是没有的，是Qt为了方便组合其他的组件而且自动创建的。
    Widget的名字是根据最外层的组件来的，这里最外层是一个QVBoxLayout组件，故Widget
    以VerticalLayoutWidget命名*/
    QWidget *verticalLayoutWidget;

 

而我们在setupUi时，将 verticalLayoutWidget 指定为目标窗体的子控件，而 verticalLayoutWidget 的大小是已经固定了的，如下：

      //创建myQtTestForm的Child Widget，
        verticalLayoutWidget = new QWidget(myQtTestForm);
        verticalLayoutWidget->setObjectName(QString::fromUtf8("verticalLayoutWidget"));
        verticalLayoutWidget->setGeometry(QRect(20, 20, 491, 311));

 

所以， verticalLayoutWidget 不会随父窗口的放大缩小而变化。

解决办法就是，把 verticalLayoutWidget 放在目标窗体的Layout中，代码如下：

    //设置Ui
    ui.setupUi(this);

    //使Ui可自适应父窗口大小
    QVBoxLayout* mainLayout = new QVBoxLayout;
    mainLayout->addWidget(ui.verticalLayoutWidget);
    setLayout(mainLayout);

 

好了，就这么简单！