Qt基础 设计自动适应窗口大小

实际qt窗口程序的时候,为了方便和程序本身能自适应显示设备,我们一般都要把控件设计为可以随窗口大小的改变而改变,在使用设计助手

设计的界面,默认是不能随窗口大小改变而改变的,只需做一下简单处理即可.一下是转载前辈们的博客.

转载地址:http://www.cnblogs.com/linmeng/archive/2012/07/05/2559259.html

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

在windows下的qt设计师中只需选择:

窗体->垂直布局 

或者

 窗体->水平布局

就可以实现,在别的环境中可以用一下方法实现

仙人掌的代码:

在构造函数中:

ui.setupUi(this);
ui.centralWidget->setLayout(ui.topverticalLayout);

我们知道，通过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);

 

好了，就这么简单！

手动写代码,使用layout管理,转载地址为:http://blog.csdn.net/xgbing/article/details/7764326

Qt入门－layout布局

 开发一个图形界面应用程序，界面的布局影响到界面的美观。在设计一个界面之前，应该考虑到开发的界面可能给不用的用户使用，而用户的屏幕大小、纵横比例、分辨率可能不同，界面还可能是可缩放的，程序应该可以适应这些变化。

        前面的程序中都是使用setGeometry()方法定位控件的位置，这个方法比较笨拙。试想如果控件很多，布局这些控件需要编写大量的代码。幸运的是，QT提供了更好的方法布局控件。

        常用的三种布局方法：

（1）使用水平布局类QHBoxLayout；

（2）使用垂直布局类QVBoxLayout；

（3）使用网格布局类QGridLayout。

这三种方法可以嵌套使用。

 

控件在布局时可以先不指定父窗口，最后交由Layout统一指定。

 

示例：

#include <QApplication>  
#include <QDialog>  
#include <QPushButton>  
#include <QLineEdit>  
#include <QLayout>  
#include <QLabel>  
  
  
int main(int argc, char *argv[])  
{  
    QApplication a(argc, argv);  
    QDialog *mainWindow = new QDialog;  
  
    QHBoxLayout *topLayout = new QHBoxLayout;  
    QLabel *lbl = new QLabel(QWidget::tr("&Input:"), mainWindow);  
    QLineEdit *lineEdt = new QLineEdit(mainWindow);  
    lbl->setBuddy(lineEdt);  
    topLayout->addWidget(lbl);  
    topLayout->addWidget(lineEdt);  
  
    QHBoxLayout *bomLayout = new QHBoxLayout;  
    QPushButton *btn_ok = new QPushButton(QWidget::tr("OK"), mainWindow);\  
    btn_ok->setDefault(true);  
    QPushButton *btn_cancel = new QPushButton(QWidget::tr("Cancel"), mainWindow);  
    bomLayout->addStretch();  
    bomLayout->addWidget(btn_ok);  
    bomLayout->addStretch();  
    bomLayout->addWidget(btn_cancel);  
    bomLayout->addStretch();  
  
    QVBoxLayout *mainLayout = new QVBoxLayout;  
    mainLayout->addLayout(topLayout);  
    mainLayout->addLayout(bomLayout);  
      
    mainWindow->setLayout(mainLayout);  
  
    mainWindow->resize(300, 100);  
    mainWindow->setWindowTitle(QWidget::tr("Qt Test"));  
    mainWindow->show();  
  
    return a.exec();  
}  

编译运行，界面如下：

 

在界面中，最外部是mainLayout，它的类型是垂直布局类QVBoxLayout。它包含了两个水平布局类QHBoxLayout，分别是topLayout和bomLayout。

 

比起QHBoxLayout和HVBoxLayout， QGridLayout运用更加灵活。

QGridLayout的常用方法

（1）addWidget：w plain

//放置一个控件到一个单元格  
void    addWidget ( QWidget * widget, int row, int column, Qt::Alignment alignment = 0 )  
//如果放置的控件超出一个单元格，则使用该方法  
void    addWidget ( QWidget * widget, int fromRow, int fromColumn, int rowSpan, int columnSpan, Qt::Alignment alignment = 0 )  

     1）row：指放置控件的网格行号（行号从0开始）；

    2）colum：指放置控件的网格列号（从0开始）；

    3）alignment：对齐方式。

    4）fromRow：指放置控件的起始网格行号；

    5）fromColumn：指放置控件的起始网格列号；

    6）rowSpan：指放置控件占多少行；

    7）columnSpan：指放置控件占多少列。

（2）addLayout

void    addLayout ( QLayout * layout, int row, int column, Qt::Alignment alignment = 0 )  
void    addLayout ( QLayout * layout, int row, int column, int rowSpan, int columnSpan, Qt::Alignment alignment = 0 )  

参数与addWidget类似。

（3）setSpacing

void QGridLayout::setSpacing ( int spacing )  

设置控件水平和垂直之间的间隔。

示例：

#include <QApplication>  
#include <QDialog>  
#include <QPushButton>  
#include <QLineEdit>  
#include <QLayout>  
#include <QLabel>  
#include <QTextEdit>  
  
  
int main(int argc, char *argv[])  
{  
    QApplication a(argc, argv);  
    QDialog *mainWindow = new QDialog;  
  
    QGridLayout *gridLayout = new QGridLayout;  
    gridLayout->setColumnStretch(0, 1);  
    gridLayout->setColumnStretch(1, 4);  
    gridLayout->setColumnStretch(2, 1);  
    gridLayout->setColumnStretch(3, 1);  
    gridLayout->setColumnStretch(4, 4);  
  
    gridLayout->setMargin(15);  
    gridLayout->setColumnMinimumWidth(2, 15);  
  
  
    QLabel *lbl1 = new QLabel(QWidget::tr("First Name:"));  
    QLineEdit *edit1 = new QLineEdit;  
    QLabel *lbl2 = new QLabel(QWidget::tr("Last Name:"));  
    QLineEdit *edit2 = new QLineEdit;  
    QLabel *lbl3 = new QLabel(QWidget::tr("Sex:"));  
    QLineEdit *edit3 = new QLineEdit;  
    QLabel *lbl4 = new QLabel(QWidget::tr("Birthday:"));  
    QLineEdit *edit4 = new QLineEdit;  
    QLabel *lbl5 = new QLabel(QWidget::tr("Address:"));  
    QTextEdit *textEdt = new QTextEdit;  
  
  
  
    gridLayout->addWidget(lbl1, 0, 0);  
    gridLayout->addWidget(edit1, 0, 1);  
    gridLayout->addWidget(lbl2, 0, 3);  
    gridLayout->addWidget(edit2, 0, 4);  
    gridLayout->addWidget(lbl3, 1, 0);  
    gridLayout->addWidget(edit3, 1, 1);  
    gridLayout->addWidget(lbl4, 1, 3);  
    gridLayout->addWidget(edit4, 1, 4);  
    gridLayout->addWidget(lbl5, 2, 0);  
    gridLayout->addWidget(textEdt, 3, 0, 2, 5);  
      
    mainWindow->setLayout(gridLayout);  
  
    mainWindow->resize(400, 150);  
    mainWindow->setWindowTitle(QWidget::tr("Qt Test"));  
    mainWindow->show();  
  
    return a.exec();  
}  

编译运行，界面如图：