实际qt窗口程序的时候,为了方便和程序本身能自适应显示设备,我们一般都要把控件设计为可以随窗口大小的改变而改变,在使用设计助手
转载地址:http://www.cnblogs.com/linmeng/archive/2012/07/05/2559259.html
Qt基础——让使用Designer创建的UI也能自动适应窗口大小
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
开发一个图形界面应用程序,界面的布局影响到界面的美观。在设计一个界面之前,应该考虑到开发的界面可能给不用的用户使用,而用户的屏幕大小、纵横比例、分辨率可能不同,界面还可能是可缩放的,程序应该可以适应这些变化。
前面的程序中都是使用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();
}
编译运行,界面如图: